HTML DOM

标签：pen   通过   对象模型   指定   classname   文档   一个   tee   nod   

前言
什么是DOM?
DOM是W3C（万维网联盟）的标准
DOM定义了访问HTML和XML文档的标准
什么是XML DOM
XML DOM定义了所有XML元素的对象和属性，以及访问它们的方法
什么是HTML DOM
HTML的标准对象模型
HTML的标准编程接口
W3C的标准

1、DOM 节点
HTML文档中所有内容都是节点：
整个文档是一个文档节点
每个HTML元素是元素节点
HTML元素内的文本是文本节点
每个HTML属性是属性节点
注释是注释节点

HTML DOM 对象 方法和属性

要点：
getElementById()方法返回带有指定ID的元素
getElementById(id) - 获取指定ID的节点(元素)
appendChild(node) - 插入新的子节点(元素)
removeChild(node) - 删除子节点(元素)

一些常用的HTML DOM 属性
innerHTML - 节点的文本值
parentNode -节点的父节点

访问HTML元素节点
访问HTML元素等同于访问节点
通过使用getElementById（）方法
使用语法：下面的例子获取id=“intro”的元素
document.getElementById（"id"）；

通过使用：getElementByTagName（）方法
使用语法：下面的例子返回包含文档中所有<p>元素的列表
document.getElementByTagName（"p"）;
使用语法：下面的例子返回包含文档中所有 <p> 元素的列表，并且这些 <p> 元素应该是 id="main" 的元素的后代（子、孙等等）;
document.getElementById("main").getElementsByTagName("p");

getElementByClassName（）方法

创建新的HTML元素
createElement("p");//创建元素
createTextNode("nihao")//创建内容

HTML DOM

标签：pen   通过   对象模型   指定   classname   文档   一个   tee   nod   

原文地址：http://www.cnblogs.com/kuangJun/p/7967062.html