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

首頁 > 編程 > JavaScript > 正文

JavaScript原生節點操作小結

2019-11-19 17:53:45
字體:
來源:轉載
供稿:網友

前言:原生是Javascript的基礎,還是需要多多重視,時間長都忘記了,現在整理一下。

獲取子節點

children 不是標準的dom屬性,但是幾乎被所有瀏覽器支持。不包含文本節點.

注意:在IE中,children包含注釋節點。

childNodes 是標準屬性。返回所有子節點。包括文本節點。

獲取第一個子節點

1.firstChild

document.getElementById('b_pole').childNodes[0].childNodes[0].firstChild

獲取最后一個子節點

1.lastChild

document.getElementById('b_pole').childNodes[0].childNodes[0].lastChild

判斷是否有子節點

1.hasChildNodes()

document.getElementById('b_pole').childNodes[0].childNodes[0].hasChildNodes()

判斷節點類型與節點名稱

1.nodeType

    1:元素

    2:屬性

    3:文本

2.nodeName

document.getElementById('b_pole').childNodes[0].childNodes[0].nodeType //1document.getElementById('b_pole').childNodes[0].childNodes[0].nodeName //UL

創建DOM結構

1.創建元素節點 createElement

2.創建文本節點 createTextNode

document.createElement('div')document.createTextNode('ok')

插入節點

1.insertBefore

2.appendChild

document.getElementById('b_pole').insertBefore(document.createTextNode('div'),document.getElementById('b_pole').firstChild)
document.getElementById('b_tween').childNodes[0].nextSibling.previousSibling.appendChild(document.createTextNode('ZQZQZQZQZ'))

移除節點

1.removeChild

document.getElementById('b_pole').removeChild(document.getElementById('b_pole').childNodes[0])

并返回被刪除的節點dom

獲取元素的下一個節點(同胞)

1.nextSibling

document.getElementById('b_pole').nextSibling

獲取元素的上一個節點(同胞)

1.previousSibling

document.getElementById('b_pole').previousSibling

以上就是本文的全部內容,希望本文的內容對大家的學習或者工作能帶來一定的幫助,同時也希望多多支持武林網!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 禄劝| 广安市| 固原市| 神木县| 富宁县| 沧源| 京山县| 县级市| 鹿邑县| 历史| 河北省| 施秉县| 仁怀市| 延津县| 东乌珠穆沁旗| 南阳市| 寻甸| 景洪市| 宝清县| 双牌县| 密云县| 广饶县| 平远县| 东乡族自治县| 疏附县| 丰城市| 岢岚县| 武陟县| 广昌县| 云安县| 绥芬河市| 鞍山市| 柳州市| 自贡市| 哈尔滨市| 游戏| 正镶白旗| 大方县| 长顺县| 股票| 克山县|