浏览器JavaScript DOM列表

HTML DOM ———— Document Object Model （文档对象模型）

dom方法

查找元素的方法：

方法	解释
document.getElementById(id)	通过id来查找元素（返回元素）
document.getElementsByTagName(name)	通过标签名来查找元素（返回数组）
document.getElementsByClassName(name)	通过类名来查找元素（返回数组）

修改元素的方法：

方法	解释	例子
element.innerHTML = ""	修改内容
element.attribute = ""	修改属性	element.src = "icon.png"
element.setAttribute(attribute, value)	修改属性
element.style.property = “”	修改样式	element.style.color = "red"
element.onclick = function	添加事件
element.addEventListener("event", function)	添加事件	element.addEventListener("click", function(){})
element.remove()	删除元素

添加和删除元素的方法：

方法	解释
document.createElement(element)	创建元素
document.appendChild(element)	添加元素
document.replaceChild(element)	替换元素
document.removeChild(element)	删除元素

dom动画

原理：

对元素样式进行逐步调整，当调整次数到一定频率时，看上去就像一个连贯的动画。