[JavaScript知识库]操作DOM对象

核心

浏览器网页就是一个Dom树形结构

• 更新： 更新Dom节点
• 遍历dom节点： 得到Dom节点
• 删除： 删除一个Dom节点
• 添加：添加一个新的Dom节点
  要操作一个Dom节点，就必须要先获得这个Dom节点

<div id="father">
    <h1>标题1</h1>
    <p id="p1">p1</p>
    <p id="p2">p2</p>
</div>
<script>
    var h1 = document.getElementsByTagName('h1'); //获得标签节点
    var h1 = document.getElementById('p1'); //获得Id节点
    var h1 = document.getElementByClassName('p2'); //获得class节点
    var father = document.getElementById('father');
    var childrens = father.children; //获取父节点下的所有子节点
    //father.firstChild
    //father.lastChild
</script>

这是原生代码，之后会使用jQuery