参考:http://www.w3school.com.cn/js/js_htmldom_elements.asp

一,查找 HTML 元素

通常，通过 JavaScript，您需要操作 HTML 元素。

为了做到这件事情，您必须首先找到该元素。有三种方法来做这件事：

• 通过 id 找到 HTML 元素
• 通过标签名找到 HTML 元素
• 通过类名找到 HTML 元素

 

通过 id 查找 HTML 元素在 DOM 中查找 HTML 元素的最简单的方法，是通过使用元素的 id。实例本例查找 id="intro" 元素：var x=document.getElementById("intro");

 

通过标签名查找 HTML 元素实例本例查找 id="main" 的元素，然后查找 "main" 中的所有 
 元素：var x=document.getElementById("main");var y=x.getElementsByTagName("p");

 二,

改变 HTML 内容修改 HTML 内容的最简单的方法时使用 innerHTML 属性。如需改变 HTML 元素的内容，请使用这个语法：document.getElementById(id).innerHTML=new HTML

 

改变 HTML 属性如需改变 HTML 元素的属性，请使用这个语法：document.getElementById(id).attribute=new value实例本例改变了  元素的 src 属性：

 取文本

hello word!

 推荐导航属性:

parentElement  //父节点标签元素children   //所有子标签firstElementchild //di一个子标签元素lastElementchild //最后一个子标签元素nextElementsibling //下一个兄弟标签元素previousElementsibling  //上一个兄弟标签元素