上篇博客是对DOM的简介http://blog.csdn.net/ggibenben1314/article/details/16846093，接下来继续学习DOM。
一、方法
所有html元素都是对象，javascript对html DOM 的操作是对对象的方法和属性
例：getElementById（）方法
var element=document.getElementById("id名");
getElementById（）方法返回带有指定Id的元素
其它常用的html DOM 方法：
appendChild(node)——插入新的子节点元素
removeChild（node）——删除子节点元素
二、属性
属性是html元素的值，可以获取或设置
例：innerHTML属性
获取id=“intro”的<p>元素的innerHTML
<html>返回：Hello World！
<body>
<p id="intro">Hello World!</p>
<script>
var txt=document.getElementById("intro").innerHTML;
document.write(txt);
</script>
</body>
</html>
三、元素
1、创建新的html元素appenChild（）
例、
<div id="div1">通过对代码的注释大家可以清楚了明白插入元素的步骤
<p id="p1">This is a paragraph.</p>
<p id="p2">This is another paragraph.</p>
</div>
<script>
var para=document.createElement("p"); //这段代码创建了一个新的 <p> 元素
var node=document.createTextNode("This is new."); //如需向 <p> 元素添加文本，您首先必须创建文本节点
para.appendChild(node); //向 <p> 元素追加文本节点
var element=document.getElementById("div1"); //查找到一个已有的元素
element.appendChild(para); //向这个已存在的元素追加新元素
</script>
2、删除html元素removeChild（）
<div id="div1">
<p id="p1">This is a paragraph.</p>
<p id="p2">This is another paragraph.</p>
</div>
<script>
var parent=document.getElementById("div1"); //找到父节点
var child=document.getElementById("p1"); //找到子节点
parent.removeChild(child); //从父节点元素删除子节点元素
</script>
3、替换
<div id="div1">经过两篇博客的讲解我相信大家对DOM不会那么陌生，它没什么神奇的地方，只要理清它的作用和结构就OK。
<p id="p1">This is a paragraph.</p>
<p id="p2">This is another paragraph.</p>
</div>
<script>
var para=document.createElement("p"); //创建<p>元素
var node=document.createTextNode("This is new."); //创建文本节点
para.appendChild(node); //向<p>元素添加文本节点
var parent=document.getElementById("div1"); //查找<div>元素
var child=document.getElementById("p1"); //查找<p1>元素
parent.replaceChild(para,child); //替换<p1>元素
</script>