第六章：查詢元素
掌握的實用方法：
elment.getAttribute(“屬性名稱”)—能夠獲取到元素的屬性值
element.setAttribute(“屬性名稱”,”設(shè)置的值”)—為元素的特定屬性設(shè)置特定的值
element/document.getElementsByTagName(“元素名稱”)—獲取元素或者文檔中的所有該元素名稱的元素對象，并保存為數(shù)組。可以用for循環(huán)取出。
element.childNodes[下標] —獲取到元素的子節(jié)點對象(不包含元素的屬性節(jié)點)。
element.childNodes[下標].nodeValue—獲取子節(jié)點對象的節(jié)點值(文本值)
為鏈接添加onclick事件，使html文檔和js分離
varul_a=document.getElementById("ul_a");
vararray_a=ul_a.getElementsByTagName("a");
for(var i=0;i<array_a.length;i++){
//通過for循環(huán)為每個a鏈接添加onclick事件，并為如果img不存在時留出后路
array_a[i].onclick=function(){
//為瀏覽器返回一個調(diào)用函數(shù)的Boolean值，true成功(img不存在，跳轉(zhuǎn)另一個頁面) false不成功(img存在，不跳轉(zhuǎn))
return changePIC(this);
}
}
第七章：創(chuàng)建元素
document.createElement(“標簽名”)—創(chuàng)建一個游離于JavaScript世界的標簽元素;
var element=document.createTextNode(“文本字段”)—創(chuàng)建一個游離于JavaScript世界的文本元素;
element.appendChild(element)—將創(chuàng)建的游離文本元素添加到element中;
parentElement.insertBefore(new Element,target Element)—將Element元素插入到targetElement元素之前，eg:
target Element.parentNode.insertBefore(new Element,targetElement);
//target Element.parentNode指的是他們共同的父元素。
- 自定義的一個方法:parent.insertAfter(new Element,target Element);
FunctioninsertAfter(new Element,target Element){
//獲取到他們共同的父元素
var parent=target Element.parentNode;
//將父元素最后一個子元素與目標元素進行比較
//如果相等，則直接添加?
If(parent.lastChild==targetElement)parent.appendChild(new Element);
else{
parent.insertBefore(new Element,target Element.nextSibling);
}
}
第八章：查詢提取并創(chuàng)建
-
for in方法for(var key in array)—key作為數(shù)組下標array為數(shù)組對象
但盡量不要使用for in循環(huán)
IE瀏覽器不支持abbr(縮略符)
document.getElementsByTagName()獲取元素時--判斷是否具有該元素并就有想要的元素屬性
獲取某個元素節(jié)點里面的子節(jié)點時--注意換行符利用NodeType判斷1 2 3
通配符---配合document.getElementByTagName()使用時，括號內(nèi)會返回所有的子元素
現(xiàn)有信息檢索并重新顯示出來：
檢索提取：document.getElementById();
Document.getElementsByTagName();
Element.getAttribute();
重新添加：document.createElement();
Document.createTextNode();
appendChild();
insertBefore();
setAttribute();
第九章：js改變變現(xiàn)層(樣式)
減號(-)加號(+)操作符—在element.style.font-size中，-被認為是分割符，font-size會被分開識別。
DOM采用Camel記號--想表示font-size或者background-color等等時省略空格符。
單位值得變化—除Color樣式的例外情況:color值文本段的十六進制會變成RGB
不提倡直接添加，而是更改className屬性—進行判斷，className值為空則直接賦值：
element.className=className;不為空則：element.className+=className。
