js高級程序設計筆記16

DOM

1.Element(nodeType=1)
nodeType //1
nodeName //標簽名(也可以使用TagName)
nodeValue //null
parentNode //Document 或者 Element

#取得特性
element.getAttribute('id') //class,title,lang...

#設置特性
element.setAttribute('id','myId') 

#attributes屬性

var id = element.getNamedItem('id').nodeValue;
removeNamedItem(name)
setNamedItem(node)
item(pos)

#attributes可以用length訪問長度然后遍歷


創(chuàng)建元素

var div = document.createElement('div');
div.id = 'myDiv';
document.body.appendChild(div);//插入body中

或者
var div = document.createElement('<div id=\"myDiv\"></div>')
2.Text(nodeType = 3)
nodeName // '#text'
nodeValue //節(jié)點所包含的文本
parentNode // element

appendData(text) //將text添加到節(jié)點末尾
deleteData(offset,count) //從offset指定位置開始刪除count個字符
instertData(offset,count)
replaceData(offset,count,text)
spliteText(offset)
subStringData(offset,count)

創(chuàng)建文本節(jié)點

document.createTextNode()

合并

element.normalize() //合并相鄰的文本節(jié)點

3 Comment(nodeType=8)

#注釋類型
<div><!--a comment--></div>
var comment = div.firstChild;
comment.data // 'a comment'
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容