DM是(Document Object Model)的簡(jiǎn)稱。
一.找元素
二.獲取內(nèi)容
三.操作屬性
四.設(shè)置樣式
var a = document.getElementsByClassName("a");a[o].style.background-color="red"; //(只能取鉗在body里邊的)五.相關(guān)元素操作
五.元素的創(chuàng)建、添加、刪除
var obj = document.createElement('標(biāo)簽名');
a.appendChild(); 向a中添加一個(gè)子元素。
a.removeChild();從a中刪除一個(gè)子元素。
a.selectedIndex 選中的是第幾個(gè); a.options[a.selectedIndex] //取出第幾個(gè)option對(duì)象;
六. 字符串操作
var s = "hello world";
alert(s.toLowerCase()); 轉(zhuǎn)小寫 toUpperCase();轉(zhuǎn)大寫
alert(s.substring(3,8)) 從第三個(gè)位置截取到第八個(gè)位置
alert(s.substr(3,8)); 從第三個(gè)位置截取,截取八個(gè)字符長(zhǎng)度。不寫后面數(shù)字是截到最后。
s.split('') 將字符串按照指定字符拆開。
七.事件
例題解析:1.復(fù)選框按鈕,下一步可用
<html> <head> <title>無(wú)標(biāo)題文檔</title> </head> <body> <input id="tong" type="checkbox" name="ch" ckecked="checked" value="1" onclick="ck_yes()")/> <label for="tong">同意</label><br /> <input type="button" value="下一步" id="btn" disabled="disabled"/> </body></html><script> function ck_yes(){ var btn = document.getElementById('btn'); if(btn.disabled){ document.getElementById('btn').removeAttribute('disabled'); }else document.getElementById('btn').setAttribute('disabled','disabled'); }</script>
新聞熱點(diǎn)
疑難解答
圖片精選