<h1>HTML DOM</h1>
当页面被加载时,浏览器会创建文档对象模型(Document Obiect Model)
HTMLDOM
Js与DOM
<h2>JsDOM操作HTML</h2>
dom操作HTML
点击按钮后文本被覆盖
image.png
image.png
如果有很多内容还是会被覆盖掉!
inner
<h3>通过标签名寻找HTML元素</h3>
通过标签名寻找元素
<h3>改变HTML的属性</h3>
使用属性attribute
中文翻译:属性
image.png
image.png
<h3>通过DOM对象改变CSS</h3>
语法:
document.getElementById(id).style.property=new style
css
<h3>DOM EventListener</h3>
DOM EventListener给元素添加一个事件句柄
中文翻译:事件侦听器
addEventListener()
添加一个事件句柄
removerEventListener()
删除一个事件句柄
one
多句柄不会被覆盖掉
remover