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

2021-08-20 08:09:01 字數 1983 閱讀 3349

複習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的直接子元素...