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标签会没法解析