HTML DOM之节点操作方法(1)
生活随笔
收集整理的這篇文章主要介紹了
HTML DOM之节点操作方法(1)
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1.checkboxObject.focus()方法用于為 checkbox 賦予焦點
2.checkboxObject.blur()方法用于讓 checkbox 失去焦點
3.appendChild()在子節點列表之后插入新增的子節點
注:您也可以使用 appendChild()方法將一個元素移動到另一個元素中
這里就將”myList2”中最后一個子節點移動到”myList1”的最后
4.node.insertBefore(newnode,existingnode)方法在您指定的已有子節點之前插入新的子節點
參數1:必需。需要插入的節點對象。
參數2:可選。在其之前插入新節點的子節點。如果未規定,則 insertBefore 方法會在結尾插入 newnode
注:
1:使用使用appendChild()和insertBefore()插入節點都會返回被插入的節點
2:值得注意的是,如果這兩種方法插入的節點原本已經存在與文檔樹中,那么該節點將會被移動到新的位置,而不是被復制
5.node.removeChild(node)方法指定刪除元素的某個指定的子節點。以 Node 對象返回被刪除的節點,如果節點不存在則返回 null
參數:必需。您希望刪除的節點對象。
6.node.replaceChild(newnode,oldnode)方法用新節點替換某個子節點。這個新節點可以是文檔中某個已存在的節點,或者您也可創建新的節點。返回值是以Node對象格式返回被替換的節點。
參數:newnode是您希望插入的節點對象
參數:oldnode是您希望刪除的節點對象
7.node.cloneNode(deep)創建節點的拷貝,并返回該副本。如果您需要克隆所有后代,請把 deep 參數設置 true,否則設置為 false。返回值是以Node對象類型返回的被克隆的節點
參數:可選。默認是 false。設置為 true,如果您需要克隆節點及其屬性,以及后代。設置為 false,如果您只需要克隆節點及其后代
總結
以上是生活随笔為你收集整理的HTML DOM之节点操作方法(1)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: UNITY游戏开发源码
- 下一篇: 这几款前端必备构建工具合辑,我们帮你整理