JavaScript笔记（3）：DOM选择器

    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>