案例一:
HTML代码部分
<input type="button" value="显示效果" id="btn"/>
JS代码部分:
//点击按钮弹出对话框
//根据选择器的方式获取元素,ID选择器
var btnObj= document.querySelector("#btn");
btnObj.onclick=function () {
alert("哈哈,我又变帅了");
};
案例二:
HTML代码部分:
<p>这是一个p</p>
<p class="cls">这是一个p</p>
<span>这是一个span</span>
<span class="cls">这是一个span</span>
JS代码部分:
var objs=document.querySelectorAll(".cls");//类选择器
for(var i=0;i<objs.length;i++){
objs[i].style.backgroundColor="green";
}