JavaScript之DOM编程(一)

JavaScript中的DOM(文档对象模型)将一个HTML文档视作一个对象。其中的标签被看作节点，根据标签的层次结构就形成了一个DOM树(节点树)。
注意DOM操作必须要等待HTML文档加载完毕才能获取文档的信息。也就是说如果引入的js文件位于开始的head标签中那么就无法访问body体中的元素内容。为了解决这种问题，提供如下的方法解决:
1.把script标签的内容移到后面
比如:<script type="text/javascript" src="demo.js"></script>
PS:这里使用非自闭合标签script，尝试使用自闭合<script/>标签无法胜任显示内容的任务。
2.使用onload事件来加载HTML文档。

window.onload=function()
{
    var box=document.getElementById('box');
    alert(box);
};

一:
DOM中的节点分成三种类型：元素节点，文本节点和属性节点。W3C提供了一系列的方法来查找这些节点。
1.getElementById():获取特定元素的节点。
2.getElementsByTagName():获取相同元素的节点列表
3.getElementsByName():获取相同名称的节点列表
4.getAttribute():获取特定元素节点属性的值
5.setAttribute():设置特定元素节点属性的值
6.removeAttribute():移除特定元素节点属性
二:当利用getElementById()获取到特定的元素节点的时候，可以通过这个节点对象来访问它的一系列属性。
tagName:获取节点的标签名
innerHTML:获取元素节点的内容