DOM（文档对象模型）改变HTML

声明：因本人近期对前端尤其的感兴趣，故一直在自学。而最近这几天处于初学期，估计前端的门槛都还没踩到，这会仅是对学习过程的一个记录，如有错误，请指出。万一你不幸被我误导了，勿怪勿怪，我也不是故意的。

DOM（文档对象模型）改变HTML

（1）查找HTML元素的常用方法：

①  id: var x=document.getElementById("intro"); 

②  元素标签的名字：

var x=document.getElementById("main");
var y=x.getElementsByTagName("p");  //找到id为main的父元素里面的p元素

③ 通过类名查找HTML元素

（2）HTML DOM 允许 JavaScript 改变 HTML 元素的内容。

①  改变HTML的内容：

document.getElementById("p1").innerHTML="New Text!";   //改变id为p1的元素内容 

②  改变HTML的属性：

<img id="image" src="smiley.gif">
document.getElementById("image").src="landscape.jpg"; //将原图片替换为新图片

③  改变HTML的样式：

document.getElementById(id).style.property=new style; //语法格式
<p id="p2">Hello World!</p>
document.getElementById("p2").style.color="blue";