您的当前位置：首页通过对HTML有一定的了解后，现在我开始学HTMLDOM了。_html/css

通过对HTML有一定的了解后，现在我开始学HTMLDOM了。_html/css

来源：教玩游戏

终于能将自己的想法写出来了

　　之前用五周时间学习了XML，HTML， XHTML，CSS，javascript 语言，对他们有了一定的了解。今天开始学习HTML DOM了，我大部分都是从http://www.w3school.com.cn/这个网站开始入手的，很不错的。这几天看了一些HTML DOM 的知识，现在我将我对她的皮毛理解晒出来，当然我理解的很浅，我的直接目的就是不可以得过且过，心里明白就行，而要将自己对他的理解写出来，希望博客园的大神们可以暂留一分钟，留更多的建议给我

Document Object Model(文档对象模型)，简称DOM.

DOM是W3C(万维网联盟)的标准，是一个规则.

DOM定义了访问和操作HTML和XMl内容的标准规则，就像我们剪头发用的VIP卡一般，理发店规定只有会员才可以享受优惠，这就是一种标准，理发店的规定就类似于DOM，优惠的内容就像HTML或XML的内容一般，只有从在这种规定，才能正确的访问内容。

在HTML DOM中，所有的元素都被看作是节点，将整个HTML文档看做一个节点树，以后再用DOM中定义的标准方法去访问这些节点，这其实就是DOM的作用，将HTML文档的内容转换为节点形式让我们方便的访问和使用。

下面是HTML DOM 节点树的例子

有了这个节点树的概念，我们就可以用DOM标准通过javascript语言去访问节点树中的所有节点内容了。

所有的HTMl元素内容都被看做对象，而该对象的属性和方法就是编程接口

getElementById()方法

getElementById() 方法返回带有指定 ID 的元素：例子http://www.w3school.com.cn/tiy/t.asp?f=dom_getelementbyid

innerHTML 属性

innerHTML属性用于获取或替换HTML文档的内容：例子http://www.w3school.com.cn/tiy/t.asp?f=dom_innerhtml

通过对HTML有一定的了解后，现在我开始学HTMLDOM了。_html/css

终于能将自己的想法写出来了

下面是HTML DOM 节点树的例子

有了这个节点树的概念，我们就可以用DOM标准通过javascript语言去访问节点树中的所有节点内容了。

所有的HTMl元素内容都被看做对象，而该对象的属性和方法就是编程接口

其他更多的对象方法和属性请访问http://www.w3school.com.cn/htmldom/dom_methods.asp