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歸為一類,稱為“空值”。