引用
<script src=""></script>
-不能有
margin-left----->marginLeft
border-top ------> borderTop
.........
給元素動態添加class名 增加相應樣式
給元素動態添加class名
elem.className = 'name';
兼容
<input id="bt1" type="button" >
var elem = document.getElemetById('bt1');
點擊按鈕,將其類型變爲勾選框
方法一:但不兼容IE
elem.onclick = function(){
elem.type = 'chectbox';
}
可以巧妙避開這個設置,當用戶點擊按鈕,按鈕隱藏,設置一個新的勾選框句可以避開兼容問題
關於float 設置
IE(styleFloat), 非IE(cssFloat)
在IE下設置float
elem.style.styleFloat ='left';
其他瀏覽器
elem.style.cssFloat ='left';
屬性值的更改
注意: .後面的值是無法修改的,而[]裏面是可以的。
elem1.style[''] = elem2.value;
html:
<body>
<input id="in1" type="text" />
<input id="in2" type="text" /><br>
<input id="bt1" type="button" value="確定" />
<div id="div1"></div>
</body>
js:
window.onload = function(){
var d=document;
var in1 = d.getElementById('in1');
var in2 = d.getElementById('in2');
var bt1 = d.getElementById('bt1');
var div1 = d.getElementById('div1');
bt1.onclick = function(){
div1.style[in1.value] = in2.value;
}
};
判斷if