JS學習總結(二) Dom程式設計

2021-08-13 09:10:55 字數 1037 閱讀 7037

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得到乙個陣...