DOM基礎操作(一)
阿新 • • 發佈:2018-11-25
ron pan abc asc itl str script 文檔 javascrip
DOM的基本操作有四種,我們會逐一給大家進行展示
增加操作
1.創建元素節點 createElement
我們可以通過document.createElement(‘div’);這個方法來創建一個元素,裏面的參數填寫我們要創建的標簽名稱,像div、p、span等等。
JavaScript; “復制代碼”); “查看純文本代碼”); “返回代碼高亮”)
1 var div = document.createElement(‘div’);
這樣我們先創建一個div。
2.創建文本節點 document.createTextNode
我們可以通過document.createTextNode(‘abcd’)方法來創建一個文本節點,裏面的參數填寫我們的文本內容。
JavaScript; “復制代碼”); “查看純文本代碼”); “返回代碼高亮”)
1 var text = document.createTextNode(‘hello’);
這裏我們再創建一個文本節點。
3.創建註釋節點 document.createComment
我們可以通過document.createComment(‘comment’);方法來創建一個註釋節點,參數寫我們要寫的註釋內容。雖然我從來沒用過…但是還是要介紹這個方法。
JavaScript; “復制代碼”); “查看純文本代碼”); “返回代碼高亮”)
1 var comment = document.createComment(‘comment’);
這裏我們再創建一個註釋文本節點。
4.創建文檔碎片 document.createDocumentFragment
這個方法可以創建一個文檔碎片,我們在後面講的有關提高性能的部分會用到這個方法。
DOM基礎操作(一)