DOM 介绍
DOM(Document Object Model):文档对象模型。
将 HTML 文档的各个组成部分,封装为对象。借助这些对象,可以对 HTML 文档进行增删改查的动态操作。
Element 元素的操作
Attribute 属性的操作
Text 文本的操作
DOM 小结
DOM(Document Object Model):文档对象模型
Document:文档对象、Element:元素对象、Attribute:属性对象、Text:文本对象
元素的操作
getElementById()
getElementsByTagName()
getElementsByName()
getElementsByClassName()
子元素对象.parentElement属性
createElement()
appendChild()
removeChild()
replaceChild()
属性的操作
setAtrribute()
getAtrribute()
removeAtrribute()
style属性
文本的操作
innerText
innerHTML
JavaScript 事件
绑定事件
方式一
通过标签中的事件属性进行绑定。
方式二
通过 DOM 元素属性绑定。
document.getElementById(“btn”).onclick = 执行的功能