JavaScript获取元素

JavaScript获取元素(此方法要注意顺序）！！！！！

独有标签的获取

独有标签的获取：
    document.head
    document.title
    document.body

其他标签的获取

  通过ID获取元素：
    document.getElementById()

  通过class名获取：（不兼容IE8及以下）
　　 .getElementsByClassName()

  通过标签名获取：
　　　.getElementsByTagName()

　通过name值获取：
　　 .getElementsByName()

　通过选择器的写法获取元素：（不兼容IE7及以下）
　　 .querySelector()
　　 .querySelectorAll()

 注意：除了ID获取前面必须是document之外，其他的方式，前面可以是某个元素（不能是集合）

获取的是确切的某个元素，可以直接操作这个元素   

document.getElementById("box").innerHTML = "吃惊！";

获取的是一堆元素的集合，设置操作时要通过下标(索引/序号)拿到对应的某一个再用         

document.getElementsByClassName("wrap")[0].innerHTML = "狗蛋！";
document.getElementsByClassName("wrap")[1].innerHTML = "大锤！";

记得加上下标，不然系统会报错，

获取第一个对应的元素，不是集合，可以直接用

document.querySelector("#goudan .kk .fly").innerHTML = "goudan kk fly";

获取选择器对应的所有，是集合，需要下标配合操作

document.querySelectorAll("#goudan .fly")[1].innerHTML = "我是第二个i";

寻找类标签的数量

 

alert(document.getElementsByClassName("wrap").length);

 

innerHTML

　　innerHTML可以解析标签：例如：　　　　

document.body.innerHTML = "<p>这是新内容</p>";

innerText

　　innerText无法解析标签

　　　　如果在加上html标签会无法解析