1. 程式人生 > >html元素獲取、檢視節點、彈出框、邏輯運算子

html元素獲取、檢視節點、彈出框、邏輯運算子

複習js基礎知識

document   代表整個文件

一、獲取html元素

1)document.getElementById("id")           ie8以下  不區分大小寫   可以匹配name

a:通過唯一的標示id來獲取元素物件
b:括號中傳的是id名

1)document.getElementsByTagName("")

a:通過標籤名來獲取元素的陣列
b:括號中傳的是標籤名字
c:通過陣列中的key(預設從0開始)來獲取對應的元素物件

3)document.getElementsByClassName                       Ie8及le8 下沒有

 a:通過class名來獲取元素的陣列
 b:括號中傳的是class名
 c:通過陣列中的key(預設從0開始)來獲取對應的元素物件

4)document.getElementsByName

a:通過name屬性來獲取元素的陣列
b:括號中傳的是nane屬性屬性值

c:通過陣列中的key(預設從0開始)來獲取對應的元素物件

5)querySelector();       ie7下麼有   不實時    

6)querySelectAll();

二、遍歷節點數

 parentNode          查詢父級節點   頂端為document
 childNodes           子類節點
 firstChild               第一個
 lastChild                最後一個
 previousSibling     前一個
 nextSibling            下一個

 元素節點
           parentElement           //當前元素父元素節點  ie不相容
           children                    //當前元素子節點
           firstElementChild     //第一個元素節點  ie不相容
           lastElementChild     //最後一個元素節點  ie不相容

           nextElementSibling/previousElementSibling     //下一個元素節點/前一個元素節點

節點型別 : 元素節點 1    屬性節點 2   文字節點 3    註釋節點8    document   9

節點屬性
 nodeName (只讀)        nodeValue  文字和註釋才有 (可讀寫)
 nodetype   (只讀)         attributes   (屬性節點集合)

 hasChildNodes   檢視子類節點

 (彈出框)(三種)  
             alert  提示框 (警示)      
             1:資訊+確認按鈕
         confirm:確認彈出框
             1:資訊+確認、取消按鈕
         prompt:帶輸入框的確認彈出框

             1:資訊、輸入+確認、取消按鈕

邏輯運算子:

 1:返回結果一定是boolean型別(不是true就是false)
        &&   與   (一假定假)
        ||       或   (一真定真)
         !        非  (取反)

 邏輯 與 &&     邏輯 或  ||   
 a() && b() :如果執行a()後返回true,則執行b()並返回b的值;如果執行a()後返回false,則整個表示式返回a()的值,b()不執行;
 a() || b() :如果執行a()後返回true,則整個表示式返回a()的值,b()不執行;如果執行a()後返回false,則執行b()並返回b()的值;

 非0的正數都為true   , undefined 、null  空字串  為false
 0、空字串和false歸為一類,稱為“假值”;
 把null和undefined歸為一類,稱為“空值”。