国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 語(yǔ)言 > JavaScript > 正文

JavaScript中 DOM操作方法小結(jié)

2024-05-06 15:18:03
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友

DM是(Document Object Model)的簡(jiǎn)稱。

一.找元素

    document.getElementById()    根據(jù)id選擇器找,最多找一個(gè); document.getElementsByName()   根據(jù)name找,找出的是數(shù)組;   document.getElementsByclassName()  根據(jù)類選擇器找,找出的也是數(shù)組; document.getElementsByTagName()   根據(jù)標(biāo)簽名找,找出的是數(shù)組;

二.獲取內(nèi)容

    非表單元素:alert(a.innerHTML);獲取代碼和內(nèi)容,但只顯示內(nèi)容。  alert(a.innerText);提取代碼和內(nèi)容。 表單元素:alert(a.value);  獲取input中的value值。

三.操作屬性

    a.setAttribute("屬性名","屬性值");   添加或更改一個(gè)屬性。 a.getAtrribute("屬性名");獲取屬性的值。 a.removeAttribute("屬性名"); 移除屬性。

四.設(shè)置樣式

var a = document.getElementsByClassName("a");a[o].style.background-color="red";  //(只能取鉗在body里邊的)

五.相關(guān)元素操作

    var b = a.nextSibling;    找a的下一個(gè)同輩元素,注意包含空格。 var b = a.previousSibling, 找a的上一個(gè)同輩元素,包含空格。 var b = a.parentNode,     找a的上一級(jí)父級(jí)元素。 var b = a.firstChild,     第一個(gè)元素;   lastChild 最后一個(gè);  childNodes[n]找第n個(gè);

五.元素的創(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('')  將字符串按照指定字符拆開。

七.事件

    onclick: 鼠標(biāo)單擊觸發(fā) ondblclick: 鼠標(biāo)雙擊觸發(fā) onmouseover:鼠標(biāo)移動(dòng)到上面觸發(fā) onmouseout:鼠標(biāo)離開時(shí)觸發(fā) onmousemove:鼠標(biāo)在上面移動(dòng)時(shí)觸發(fā) onchange:只要內(nèi)容改變觸發(fā) onblur:失去焦點(diǎn)時(shí)觸發(fā) onfocus:獲得焦點(diǎn)時(shí)觸發(fā) onkeydown:按鍵按下時(shí)觸發(fā) onkeyup:按鍵抬起時(shí)觸發(fā) onkeypress: 在用戶按下并放開任何字母數(shù)字鍵時(shí)發(fā)生,但是系統(tǒng)按鈕(例:箭頭鍵、功能鍵)無(wú)法識(shí)別

例題解析: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>            
發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表

圖片精選

主站蜘蛛池模板: 淮阳县| 岳池县| 拉萨市| 左权县| 曲周县| 犍为县| 鄂托克前旗| 鲁山县| 万盛区| 彝良县| 合作市| 策勒县| 从江县| 蓝山县| 公主岭市| 额济纳旗| 广水市| 阿拉善左旗| 柏乡县| 专栏| 若尔盖县| 鄱阳县| 满城县| 普定县| 黄冈市| 邹城市| 芦溪县| 府谷县| 开原市| 韶关市| 双柏县| 德令哈市| 通化县| 宿松县| 奉贤区| 台中县| 荔波县| 长丰县| 松桃| 咸宁市| 武功县|