JavaScript DOM对象
DOM操作HTML
1.改变HTML输出流:
注意:绝对不要在文档加载完成之后使用document.write()。这会覆盖该文档
2.寻找元素
通过id找到HTML元素
通过标签找到HTML元素
3.改变HTML内容
使用属性:innerHTML
4.改变HTML属性
使用属性:attribute
DOM操作CSS
<div id="div" style="">hello</div>
<button onclick="demo()">按钮</button>
<script>
function demo(){
document.getElementById("div").style.background="blue";
}
</script>
DOM EventListener
方法:
addEventListener(): 用于向指定元素添加事件句柄
句柄之间不会覆盖。
<script>
var x=document.getElementById("btn");
x.addEventListener("click",hello);
x.addEventListener("click",world);
x.removeEventListener("click",hello);
function hello(){
alert("hello");
}
function world(){
alert("world");
}
</script>
removeEventListener(): 移除方法添加的事件句柄