1.找到标签
document.getElementById("i1") //获取单个元素 document.getElementByTagName("div") //获取多个元素(结果存放在列表中) document.getElementByClassName("c1") //获取多个元素(结果存放在列表中)(1)直接找
document.getElementById //根据Id获取一个标签 document.getElementByName //根据name属性获取标签集合 document.getElementByClassName //根据class属性获取标签集合 document.getElementsByTagName //根据标签名获取标签集合
(2)间接找
tag = document.getElementById("i1"); parentElement //父节点标签元素 children //所有子标签 firstElementChild //第一个子标签元素 lastElementChild //最后一个子标签元素 nextElementSibling //下一个兄弟标签元素 previousElementSibling //上一个兄弟标签元素
2.操作标签
(1)innerText
content = 标签.innerTxet //获取标签中的文本内容 标签.innerText = "" //对标签中的文本内容进行重新赋值,注意不能通过content来重新赋值!
(2)className
tag.className //直接整体做操作 tag.classList.add("样式名") //添加指定样式 tag.classList.remove("样式名") //删除指定样式
3.onclick关联
<div onclick="func();">点我</div> //注意fun()后面的分号 <script> function func(){ //函数体 } </script>