文档对象模型(DOM)
DOM-Document Object Model,它是W3C国际组织的一套Web标准。它以树形结构表示文档(HTML、XML等),定义了遍历、检查和修改各节点的属性和方法。
W3C组织将DOM分为以下几种不同版本:
Core DOM:定义任意结构文档的标准对象集合
XML DOM:定义了针对XML文件的标准对象集合
HTML DOM:定义了针对HTML文件的标准对象集合
DOM CSS:定义了在程序中操作CSS样式的接口
DOM Events:给DOM对象添加事件处理。
HTML DOM
DOM(Document Object Model):文档对象模型
可以干什么?
(1)获取一个元素
(2)移除一个元素
(3)创建一个元素
(4)向页面里面添加一个元素
(5)给元素绑定一些事件
(6)获取元素的属性
(7)给元素添加一些css样式。
DOM的核心对象就是document对象
document对象是浏览器内置对象的一个对象,里面存储着专门用来操作元素的各种方法
JavaScript中的对象
自定义对象
开发人员根据自己的需要而定义的新对象。
JavaScript内置对象
JavaScript将一些常用功能预先定义成对象,用户可以直接使用,这就是内置对象。
如字符串对象、数学对象、日期对象、数组对象、正则表达式对象等
浏览器内置对象
浏览器对象是浏览器根据系统当前的配置和所装载的页面为JavaScript提供的一系列可供使用的对象。
如Window对象、Document对象、History对象等
getElementsByName():通过标签的name属性的值来获取标签,得到的也是一组元素
createElement:标签名 appendChild():向一个标签中添加子标签(子元素)
firstElementChild:某元素中的第一个元素
lastElementChild:某元素中的最后一个元素
remove():清空某元素中的所有子元素,包括该元素本身