当前位置 博文首页 > cai niaoyihao_的博客:一篇文带你了解文档对象模型DOM(Documen

    cai niaoyihao_的博客:一篇文带你了解文档对象模型DOM(Documen

    作者:[db:作者] 时间:2021-07-05 09:49

    目录

          • 内容介绍
          • 一、DOM概念
          • 二、获取节点:
            • 1、document:htmlcollection
              • ① getElementById
              • ② getElementsByIdName
              • ③ getElementsByTagName
              • ④ document.querySelector()
              • ⑤ document.querySelectorAll();nodelist
            • 2、 节点指针:
              • ① firstChild
              • ② lastChild
              • ③ childNodes
              • ④ previousSibling
              • ⑤ nextSibling
              • ⑥ parentNode
          • 三、节点操作
            • 1、创建节点
              • ① createElement
              • ② createAttribute
              • ③ createTextNode
            • 2、插入节点
              • ① appendChild
              • ② insertBefore
            • 3、替换节点
              • ① replaceChild
            • 4、复制节点
              • ① cloneNode
            • 5、删除节点
              • ① removeChild
          • 四、属性操作
            • 1、获取属性
              • ① getAttribute
              • ② setAttribute
          • 五、文本操作
          • 六、节点
            • 1、类型
            • 2、节点树
            • 3、属性
              • ① node.nodeType:
              • ② node.nodeName
              • ③ node.nodeValue
              • ④ node.nodeContent
            • 4、节点操作
              • ① 查找节点
          • 七、其他
            • 1、innerHTML与innerText
            • 2、innerHTML与outHTML
            • 3、appendChild()与innerHTML的区别
    cs