3.DOM

1. 元素节点：上图中、、

等都是元素节点，即标签。

2. 文本节点:向用户展示的内容，如

...

中的JavaScript、DOM、CSS等文本。

3. 属性节点:元素属性，如标签的链接属性href="http://www.imooc.com"。

通过ID获取元素

document.getElementById(“id”)

注：获取的元素是一个对象，如想对元素进行操作，我们要通过它的属性或方法。

JavaScript

/*JavaScript

结果:[object HTMLParagraphElement]*/

innerHTML 属性

Object.innerHTML

1.Object是获取的元素对象，如通过document.getElementById("ID")获取的元素。

2.注意书写，innerHTML区分大小写。

改变 HTML 样式

Object.style.property=new style;

//Object是获取的元素对象，如通过document.getElementById("id")获取的元素

显示和隐藏（display属性）

Object.style.display = value 

var mychar = document.getElementById("pcon");mychar.style.color="red"; mychar.style.fontSize="20"; mychar.style.backgroundColor="blue";

控制类名（className 属性）

object.className = classname

1.获取元素的class 属性

2. 为网页内的某个元素指定一个css样式来更改该元素的外观