js基礎學習筆記

引用
<script src=""></script>

-不能有

margin-left----->marginLeft
border-top ------>  borderTop
.........

給元素動態添加class名 增加相應樣式

給元素動態添加class//在js中class是保留字,所以不能使用elem.class = 'name';
//要使用className
elem.className = 'name';

兼容

<input id="bt1" type="button" >
var elem = document.getElemetById('bt1');

點擊按鈕,將其類型變爲勾選框
方法一:但不兼容IE
elem.onclick = function(){
    elem.type = 'chectbox';//但不兼容IE6 IE7 IE8會報錯 
}
可以巧妙避開這個設置,當用戶點擊按鈕,按鈕隱藏,設置一個新的勾選框句可以避開兼容問題

關於float 設置

IE(styleFloat), 非IE(cssFloat)
在IE下設置float
elem.style.styleFloat ='left';//兼容IE
其他瀏覽器
elem.style.cssFloat ='left';//兼容其他瀏覽器

屬性值的更改

注意:  .後面的值是無法修改的,而[]裏面是可以的。
//elem1.style.width = elem2.value;
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;//elem.sytle[]
    }   
};

判斷if

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章