//描述家庭族譜圖，只要我們獲得乙個元素，就可以通過很多的屬性或者方法找到頁面中的任何乙個元素
//一、獲取元素的常用的8個方法：
// 1、document.getelementbyid('')
// 1、id重複了，只獲取第乙個
// 2.ie6、7下不區分id大小寫
// 3.ie6、7下把表單元素name當作id使用
// 4.內嵌式引入js放到body底部就可以直接使用元素的id操作元素
// 5.document是上下文(context),就限定獲取的範圍，對於這個方法的上下文只能是document;
// 2、document.getelementsbytagname('')
// 陣列類
// odiv.item(索引)/odiv[索引]
// document是上下文，這個上下文可以換
// 3、document.getelementsbyname('')
// 相容問題：ie瀏覽器下只能對表單元素起作用
// 通過元素的name屬性值獲取一組元素(類陣列)
// 4、document.body
// 獲取body
// 5、document.documentelement
// 獲取html
// var cw=document.documentelement.clientwidth ||document.body.clientwidth 獲取當前螢幕的寬度；
// window.οnresize=function(){}監聽事件
// 6、[context].getelementbyclassname("")
// 通過元素的樣式值來獲取一組元素，在ie6~8不相容
// 移動端常用[ie678]
// 7、document.queryselector()
// 只能獲取第乙個，即使有多個
// document.queryselector("#div")
// 8、document.queryselectorall()
// 獲取多個(類陣列)
// document.queryselectorall("#div a")
// document.queryselectorall("input[type=text]")
// 二、描述家庭關係的7個屬性
var oul=document.queryselector("#ul1");
var oli=document.queryselectorall("#li4");
oli=oli[0];
// 1.childnodes 獲取所以的子節點
// 2.children 獲取所有的元素子節點
// 節點裡面有一種型別叫做元素節點？
// 3.parentnode 獲取父親節點
獲取上乙個哥哥節點
獲取下乙個弟弟節點
獲取所有子節點的第乙個
獲取所有子節點中的最後乙個
獲取所有的元素子節點中的第乙個
//不相容的
//element 元素 node 節點
// 元素節點 文字節點 注釋節點 document
// nodetype 1 3 8 9
// nodename 大寫標籤名 #text #comment #document
// nodevalue null 文字內容 注釋內容 null
//在標準瀏覽器中會把空格和enter當作文字節點，而在ie678中不會當作節點
var oul=document.getelementbyid("ul1");
console.dir(oul.childnodes);
console.dir(oul.children);
// 獲取哥哥元素
// 獲取弟弟元素
// 獲取所有的哥哥元素
// 獲取所有的弟弟元素
// 增加節點
// 1.document.createelement("元素標籤名") 建立乙個元素節點
// 3.insertbefore(new,old)插入指定節點前面
// 新插入的叫做new，插入誰前面的叫做old
// old.parentnode.insertbefore(new,old)
// 向這種動態建立dom元素獲取插入的方式耗費效能，在專案中能不用就不用
// 刪除節點
// 1.父節點.childnodes.removechild(子節點);
// document.body.removechild(odiv);
// 轉殖
// 1.被轉殖節點.clonenode(deep) 轉殖乙份，deep預設false：只轉殖大的，裡面的內容不複製；true：大的和裡面的所有一切複製；
// 替換
// 1.父節點.childnodes.replacechild(new,old)
// 新增屬性
// 1.節點.setattribute() 可以在html頁面**中提出來，設定、獲取、刪除要統一的一套，這個在ie678不能設定class
// setattribute("屬性名","屬性值")
// var odiv=document.createelement("div");
// odiv.id="div1";
// odiv.style.width="100px";
// odiv.style.height="100px";
// odiv.style.backgroundcolor="red"
獲取id元素 DOM元素節點獲取方法
1dom dom全稱是document object model，也叫文件物件模型，這裡document是指從開始到結束的這一部分，window視窗下載入網頁的部分就是dom。dom節點型別分為元素節點，屬性節點和文字節點。如 div文字 元素節點就是 2dom元素節點獲取方法2.1document...
jQuery 獲取節點元素
祖先 parent 獲取元素的直接父元素 parents 獲取元素的所有祖先元素 parentuntil 獲取介於兩個給定元素之間的所有祖先元素,不包括指定的元素 後代 children 獲取指定元素所有直接子元素 僅兒子輩 結果是乙個類陣列 children i 獲取指定元素中所有為i的直接子元素...
獲取元素 節點關係
1 點我2 1 獲取父節點 2 window.onload function ev 1 獲取兄弟節點 2var span document.getelementbyid span 3 下乙個4 var nextele span.nextelementsibling span.nextsibling ...