JavaScript HTML DOM（一）

• HTML DOM,指的是文档对象类型
  通过对象模型
  JavaScript 能够改变页面中的所有 HTML 元素
  JavaScript 能够改变页面中的所有 HTML 属性
  JavaScript 能够改变页面中的所有 CSS 样式
  JavaScript 能够对页面中的所有事件做出反应

1.通过id找到HTML元素：

var x=document.getElementById("intro"); 

2.通过标签名找到HTML元素：

var x=document.getElementById("main");
var y=x.getElementsByTagName("p"); 

3.通过类名查找HTML元素：

var x=document.getElementsByClassName("intro"); 

改变HTML内容：innerHTML方法

document.getElementById("p1").innerHTML="新文本!";

改变HTML属性

document.getElementById("image").src="landscape.jpg";
//改变图片的来源