zoukankan      html  css  js  c++  java
  • DOM

    DOM把HTML文档看作对象(节点)树,通过操作对象(节点),实现操作HTML文档。

       (1)查找节点 

             Docunment.getElementById()

                   node    getElementsByClassName()

                              getElementsByTagName()

                              getElementsByName()

                              querySelector()

              querySelectorAll()

       (2)操作节点的属性 

                 node.getAttrbute(名);

                 node.getAttrbute(名,值);//有兼容性问题

       (3)操作节点内容 innerHTML

        node.innerHTML

        node.innerText/node.textContent//有兼容性问题

       (4)操作节点的值

        input.value

       (5)操作节点样式 

        node.style.样式名=样式值

        document.getComputedStyle()

        node.className

       (6)遍历节点

        node.parwntNode

           .childNodes

           .nextSidling

           .lastChild

           .firstChild

           .previousSibling

       (7)删除节点

        parent.removeChild();

       (8)替换节点

        parent.replaceChild(newChild,oldChild)

       (9)添加节点

        var newChild = document.createElemrn()

        newChild.appendChild();

       (10)克隆节点

        node.cloneNode()

    原生ODM操作方法的不足:

    (1)方法名比较麻烦,操作思路比较麻烦

    (2)浏览器兼容性问题

  • 相关阅读:
    软件工程结课作业
    十三次作业
    十二次作业
    十一次作业
    十次作业
    找回感觉的练习
    CSS背景样式和列表样式
    盒子模型案例应用
    display属性
    margin外边距属性
  • 原文地址:https://www.cnblogs.com/qulb/p/5969895.html
Copyright © 2011-2022 走看看