js 擷取節點方法

標籤：ons   新版   nbsp   htm   一個   簽名   css選取器   links   rms   

舊版本擷取節點
1、擷取body
        console.log(document.body);

2、擷取img
        console.log(document.images);

3、擷取a標籤
        console.log(document.links);

4、擷取含有name屬性的a標籤
        console.log(document.anchors);

5、擷取form標籤


        console.log(document.forms);

擷取節點的方法
新版本擷取節點的方法：DOM2
1、通過id擷取,可以交給一個變數儲存（括弧裡寫id名）


        let a = document.getElementById("box");
        console.log(a);
 2、通過class擷取（擷取到的是數組）


        console.log(document.getElementsByClassName("1"));
3、通過標籤名擷取（擷取到的是數組）


        console.log(document.getElementsByTagName("div"));
4、通過name屬性擷取（擷取到的是數組）


        console.log(document.getElementsByName(2));

 html5擷取節點方法
 1、擷取到的是滿足選取器的第一個標籤（括弧裡寫css選取器）


        console.log(document.querySelector(".box1>p"));


 2、擷取到的是數組（括弧裡寫css選取器）


        console.log(document.querySelectorAll(".box1>p"));

js 擷取節點方法