JavaScript DOM对象

<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