什么是dom树

2019-11-14  本文已影响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>
上一篇 下一篇

猜你喜欢

热点阅读