掌握JavaScript基础操作：DOM元素与样式控制

---------------------------------部分DOM------------------------------
document.getElementById("demo").innerHTML="段落已修改。";   //改变HTML元素
document.write(x.firstChild.nodeValue);         //nodeValue 属性 获取元素的值

var x= document.getElementById("intro");                 // 通过 id 查找 HTML 元素
var a= document.getElementsByTagName("h2")[0].innerHTML;  //通过标签名查找 HTML 元素(需要下标)
var c= document.getElementsByClassName("yangshi")[1].innerHTML;  // 通过类名(需要下标)

document.write(Date());                                   //  改变 HTML 输出流
document.getElementById(id).innerHTML=新的 HTML           //改变 HTML 内容

<img id="image" src="smiley.gif">
<script>
document.getElementById("image").src="landscape.jpg";   //改变 HTML 属性
</script>

<p id="p2">Hello World!</p>
<script>
document.getElementById("p2").style.color="red";      //改变 HTML 样式
</script>

这段代码创建新的<p> 元素：
var para=document.createElement("p");
如需向 <p> 元素添加文本，您必须首先创建文本节点。这段代码创建了一个文本节点：
var node=document.createTextNode("这是一个新段落。");
然后您必须向 <p> 元素追加这个文本节点：
para.appendChild(node);
最后您必须向一个已有的元素追加这个新元素。