1.關於dom
document object model(文件物件模型)。
多用來處理和表示html和xml文件。
dom是針對xml、html的基於樹的api。
dom樹定義了節點node的介面以及許多節點型別來表示文件不同功能不同方面的節點。
dom結構理解為樹型結構,節點就是樹枝分叉處的那個點。
2.js dom 程式設計
差不多就是利用document(代表著瀏覽器中開啟的文件)物件,來對網頁中形成的dom樹進行操作,操作其節點。
也就是用js來操作html中的各元素。
3.document中的常用方法:
getelementbyid():根據id獲得唯一的元素;
getelementsbytagname();根據標記名獲得所有此標識元素
getelementsbyname();根據元件名獲得所有元素
getelementsbyclassname():根據類名來獲得所有元素
parentelement:父元素
children:所有子元素的集合
previouselementsibling:前乙個兄弟元素
nextelementsibling:前乙個兄弟元素
進行操作(curd)常用方法:
createelement():建立乙個元素;
replacechild();替換子元素
insertadjacenthtml(position,html):將乙個html片斷插入到某個元素的指定位置a,
位置有四個值 beforebegin,afterbegin,beforeend,afterend;
簡單例項: 1.
2.二級省市聯動
省份省份
內蒙古哈爾濱
雲南 城市城市
DOM學習總結(二)
一.什麼是dom屬性 dom屬性簡單來說就是html的屬性值 二.常見的dom屬性有哪些?1.innerhtml 屬性 獲取元素的內容,想要拿到某個元素的文字內容,直接在後面加 innerhtml var txt document.getelementbyid h1 innerhtml 2.node...
JS基礎學習二 DOM
b 獲取節點 b document.getelementbyid nodeid document.getelementsbytagname nodetagname b 樹形操作 b firstchild lastchild childnodes parentnode nextsibling 同級的下...
js03 DOM程式設計
1 html文件 dom樹,就是乙個document 2 動態的改變dom樹 3 window.onload window.onload function 可以直接先載入介面 或者function show window.onload show 1 getelementsbytagname得到乙個陣...