06-对HTML DOM对象进行修改

• 改变 HTML 内容
• 改变 CSS 样式
• 改变 HTML 属性
• 创建新的 HTML 元素
• 删除已有的 HTML 元素
• 改变事件（处理程序）

1 创建添加html内容

document.getElementById("p1").innerHTML="<a href=”#”>sad</a>"
Code language: HTML, XML (xml)

2 修改html样式

document.getElementById("p2").style.color="blue";
Code language: JavaScript (javascript)

3创建新的 HTML 元素
如需向 HTML DOM 添加新元素，您首先必须创建该元素（元素节点），然后把它追加到已有的元素上

var para=document.createElement("p"); 
var node=document.createTextNode("This is new."); 
para.appendChild(node);  
var element=document.getElementById("d1"); 
element.appendChild(para);
Code language: JavaScript (javascript)