- 介绍DOM,以及对DOM分类和功能的说明。
- DOM 节点:介绍DOM节点分类和节点层次。
- 介绍HTML DOM节点属性,如:innerHTML、innerText、nodeName、nodeValue以及nodeType等。
- 获取 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>