複習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歸為一類,稱為「空值」。
元素 居中 彈出框
方法1 table cell html結構 box box1 垂直居中 span div css box1 方法2 display flex.box2 方法3 絕對定位和負邊距.box3 box3 span 方法4 絕對定位和0.box4 span 這種方法跟上面的有些類似,但是這裡是通過margi...
獲取元素,獲取節點詳解
描述家庭族譜圖,只要我們獲得乙個元素,就可以通過很多的屬性或者方法找到頁面中的任何乙個元素 一 獲取元素的常用的8個方法 1 document.getelementbyid 1 id重複了,只獲取第乙個 2.ie6 7下不區分id大小寫 3.ie6 7下把表單元素name當作id使用 4.內嵌式引入...
jQuery 獲取節點元素
祖先 parent 獲取元素的直接父元素 parents 獲取元素的所有祖先元素 parentuntil 獲取介於兩個給定元素之間的所有祖先元素,不包括指定的元素 後代 children 獲取指定元素所有直接子元素 僅兒子輩 結果是乙個類陣列 children i 獲取指定元素中所有為i的直接子元素...