1.DOM對象
概述:Document Object Model
樹形結(jié)構(gòu)的特點(diǎn):
1.1有且僅有一個(gè)節(jié)點(diǎn)
1.2每個(gè)節(jié)點(diǎn)都有一個(gè)父節(jié)點(diǎn)以及任意個(gè)子節(jié)點(diǎn),根節(jié)點(diǎn)除外
1.3沒有子節(jié)點(diǎn)的節(jié)點(diǎn)叫做:葉子結(jié)點(diǎn)
DOM樹形結(jié)構(gòu)模型中:
1.1每個(gè)元素標(biāo)簽用:Element(元素)表示.
1.2標(biāo)簽的屬性用:Attribute(屬性)表示.
1.3文本內(nèi)容用:Text(文本)表示.
1.4元素,屬性,文本合稱為:節(jié)點(diǎn)(Node).
-
DOM對象之: Document對象.
//Document對象: 文檔對象, 就是將整個(gè)頁面加載到內(nèi)存后的對象.獲取元素的功能:
document.getElementById("元素的id"); //根據(jù)元素的Id獲取指定的元素, 獲取的是一個(gè).
document.getElementsByName("元素的name屬性值"); //根據(jù)元素的name屬性值獲取指定的元素, 獲取的是多個(gè).
document.getElementsByClassName("元素的class屬性值"); //根據(jù)元素的class屬性值獲取指定的元素, 獲取的是多個(gè).
document.getElementsByTagName("元素的標(biāo)簽名"); //根據(jù)元素的標(biāo)簽名獲取指定的元素, 獲取的是多個(gè).創(chuàng)建元素的功能:
document.createElement("HTML標(biāo)簽名"); //創(chuàng)建指定的標(biāo)簽.
document.createTextNode("指定的文本值"); //創(chuàng)建文本節(jié)點(diǎn).
-
DOM對象之: Element對象
節(jié)點(diǎn)1.appendChild(節(jié)點(diǎn)2); //往指定元素的后邊添加元素
insertBefore(新節(jié)點(diǎn),舊節(jié)點(diǎn)); //往指定元素的前邊添加元素replaceChild(); //替換指定的節(jié)點(diǎn)
removeChild(); //移除指定的節(jié)點(diǎn)
DOM對象之: 常用屬性
childNodes: //獲取指定元素下所有的子節(jié)點(diǎn)
firstChild: //獲取指定元素的 第一個(gè)子節(jié)點(diǎn)
lastChild: //獲取指定元素的 最后一個(gè)子節(jié)點(diǎn)
parentNode: //獲取指定元素的父節(jié)點(diǎn)
nodeName: //獲取指定的節(jié)點(diǎn)名
nodeType: //獲取指定的節(jié)點(diǎn)類型
nodeValue: //獲取指定的節(jié)點(diǎn)-
BootStrap的簡介
概述: BootStrap是基于HTMl,CSS,JS的前端框架.為什么要學(xué)習(xí)BootStrap?
快速開發(fā)一個(gè)網(wǎng)頁, 開發(fā)出的網(wǎng)頁是響應(yīng)式的.什么是"響應(yīng)式頁面"?
//根據(jù)不同的分辨率, 自適應(yīng)設(shè)備.
