获取指定的元素
通过id属性获取: document.getElementById("id属性"); //注意:标签的id值必须唯一
通过标签名字获取: document.getElementByTagName("标签的名字");
通过name属性值获取: document.getElementByName("name的值");
添加标签 (注意:要添加的标签不存在时,需要先创建)
document.createElement("标签名"); //创建标签,返回一个新标签
$d1.appendChild(标签$a);//将$a添加到d1中关联
//方式二添加
$d1.innerHTML="<span>文本</span>";//文本 innerHTML:可以在添加内容中写标签,这些标签将被作为语法
$d1.innerText="<span>文本</span>";//<span>文本</span>
删除标签
$div.removeChild("标签名");
给标签设置,获取属性
设置:标签名$a.setAttribute("属性名","值");
获取:标签名$a.getAttribute("属性名");
通过js给标签添加样式
标签名.style.backgroundColor = "red";
给标签的class属性设置样式 (class类选择器)
<style>
.cls {
font-size: 30px;
}
</style>
<script>
标签名.className = "cls";//通过操作class属性来给当前的标签添加一个样式
</script>
注册点击事件 标签名.onclick=function(){ console.debug("点击") } (注意:同标签多个点击事件会执行最后一个事件! ) <a href="javascript:void(0)" onclick="show()" >链接</a>
绑定事件 addEventListener
标签对象.addEventListener("事件名称click",匿名函数,[事件触发顺序,默认是冒泡false]); ( 注意:同一个事件可以给同一个标签注册多次!)
$d.addEventListener("click",function(){
console.debug("点击事件...")
})