阅读笔记--Javascript HTML DOM

HTML DOM

DOM 技术是用户页面可以动态的变化，从而使页面的交互性大大增强。 JavaScript 根据
DOM 规范来进行各种操作。当网页被加载时，浏览器就会创建页面的文档对象模型。 HTML
DOM 可以用树来表示，

JavaScript 通过使用 DOM，可以创建动态的 HTML。

1. 定位 HTML 元素

JavaScript 通过以下三种方式来定位 HTML 元素。
（ 1）通过 id 定位 HTML 元素：使用的函数是 getElementById()，参数为元素的 id。

（ 2）通过标签名定位 HTML 元素：使用的函数是 getElementsByTagName()，参数为元素
名称。

（ 3）通过类名定位 HTML 元素：使用的函数是 getElementsByClassName()，参数为元素的
class。

2. 更改 HTML

JavaScript 可以通过 DOM 来更改 HTML，主要有以下四种方式。
（ 1）使用函数 document.write()改变 HTML 输出流
（ 2）通过 innerHTML 属性改变 HTML 内容
（ 3）通过 src 属性改变 HTML 属性
（ 4）改变 HTML 样式，语法格式如下：

document.getElementById(id).style.property=新样式