javaScript中的DOM补充

一、DOM树

二、DOM节点

DOM 是这样规定的：
    整个文档是一个文档节点 
    每个 HTML 标签是一个元素节点 
    包含在 HTML 元素中的文本是文本节点 
    每一个 HTML 属性是一个属性节点

 

其中，document与element节点是重点。

三、节点查找

（1）直接查找节点

 

1 2 3 4

document.getElementById(“idname”) document.getElementsByTagName(“tagname”) document.getElementsByName(“name”) document.getElementsByClassName(“name”)

<div >

    <div class="div2">i am div2</div>
    <div name="yuan">i am div2</div>
    <div >i am div2</div>
    <p>hello p</p>
</div>

<script>

   var div1=document.getElementById("div1");
</script>

局部查找