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標籤會沒法解析