JavaScript DOM对象

JavaScript DOM对象

DOM简介

1、HTML DOM

当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）

DOM操作HTML

1）：JavaScript能够改变页面中的所有HTML元素

2）：JavaScript能够改变页面中的所有HTML属性

3）：JavaScript能够改变页面中的所有CSS样式

4）：JavaScript能够对页面中的所有事件做出反应

1、改变HTML输出流

注意：绝对不要在文档加载完成之后使用document。write()。这会覆盖该文档

2、寻找元素：

通过id找到html元素

通过标签名找到html元素

3、改变html内容

使用属性：innerHTML

4、改变HTML属性

使用属性：attribute

DOM操作CSS

1、通过DOM对象改变CSS

语法：document.getElementById(id).style.prop