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