美文网首页
什么是dom树

什么是dom树

作者: 陆勇高 | 来源:发表于2019-11-14 09:59 被阅读0次
  1. 介绍DOM,以及对DOM分类和功能的说明。
  2. DOM 节点:介绍DOM节点分类和节点层次。
  3. 介绍HTML DOM节点属性,如:innerHTML、innerText、nodeName、nodeValue以及nodeType等。
  4. 获取 HTML 元素节点方法:介绍文档节点(document)、元素节点可以通过getElementById、getElementsByName、getElementsByClassName以及getElementsByTagName方法获取元素节点。
<body>
    <ol>
        <button onclick="addEle();">添加li</button>
        <ol>
            <script>
                function addEle() {
                    var $ol = document.querySelector('ol');
                    //1.创造原素节点
                    var $li = document.createElement('li')
                    //2.给标签填充内容
                    $li.innerHTML = 2222222;
                    //3.把$li标签添加到ol里面
                    $ol.appendChild($li);
                }
            </script>
</body>

相关文章

  • 第十九节: JavsScript对象类型检测,克隆与JS异步加载

    克隆对象 检测类型 一. DOM树解析 什么是DOM树 ==>DOM节点按照树型结构排列 1. DOM树生成的原则...

  • 什么是dom树

    介绍DOM,以及对DOM分类和功能的说明。 DOM 节点:介绍DOM节点分类和节点层次。 介绍HTML DOM节点...

  • 浏览器中的页面

    DOM树:JavaScript是如何影响DOM树构建的? 什么是 DOM从网络传给渲染引擎的 HTML 文件字节流...

  • 第十九节: JavsScript对象类型检测,克隆与JS异步加载

    一、克隆对象 浅浅拷贝 浅拷贝 深拷贝 二、检测类型 三、 DOM树解析 什么是DOM树 ==>DOM...

  • Vue2.x的虚拟DOM diff原理

    1.什么是虚拟dom? (1)什么是虚拟DOM?vdom可以看作是一个使用javascript模拟了DOM结构的树...

  • 27-进阶:DOM API

    1. 什么是DOM 1.1 DOM DOM 是一棵树(tree);树上有 NodeNode 分为 Document...

  • DOM事件

    什么是DOM? 文档对象模型,HTML 是一棵树,DOM 也是一棵树。对 DOM 的理解,可以暂时先抛开浏览器的内...

  • 07.JavaScript Html Dom

    DOM简介 DOM :Document Object Model 文档对象模型HTML DOM树 : DOM树模型...

  • 页面渲染

    HTML构建DOM树 –> 构建渲染树 –> 布局渲染树 –> 绘制渲染树。 DOM树是由HTML文件中的标签排列...

  • A27-DOM API

    DOM MDN 阮一峰什么是DOM,DOM最重要的就是要明白它的概念,否则遇到问题也不知道如何下手大家都说DOM树...

网友评论

      本文标题:什么是dom树

      本文链接:https://www.haomeiwen.com/subject/tcjtzqtx.html