DOM小基礎知識

1.獲取頁面中的html元素

2.獲取或改變頁面中的html元素內容

3.獲取或改變頁面中的html屬性

4.獲取或改變頁面中的css樣式

5.為元素繫結事件

6.建立html元素

7.刪除已有的html元素

通過id查詢html元素(唯一)

var p=document.getelementbyid(『unit』)

通過class查詢html元素(不唯一)

var article=document.getelementbyclass(『shoppinginfo』)

通過標籤名查詢html元素(不唯一)

var h6=document.getelementbytagname(『h6』)

二.獲取或改變頁面中的html元素內容

document.getelementbyid(id).innerhtml(獲取)

document.getelementbyid(id).innerhtml=新的 html(改變)

三.獲取或改變頁面中的html元素屬性

document.getelementbyid(id).src(獲取)

document.getelementbyid(id).attribute=新屬性值(改變)

四.獲取或改變頁面中的html元素樣式

document.getelementbyid(id).style.property(獲取)

document.getelementbyid(id).style.property=新樣式

五.建立新的html元素

"div1"

>
"p1"
>這是乙個段落。<
/p>
"p2"
>這是另乙個段落。<
/p>
<
/div>
​var para=document.
createelement
("p");
var node=document.
createtextnode
("這是乙個新段落。");
para.
(node);​
document.
getelementbyid
("div1").
(para);​
<
/script>

div id=

"div1"
>
"p1"
>這是乙個段落。<
/p>
"p2"
>這是另乙個段落。<
/p>
<
/div>
var parent=document.
getelementbyid
("div1");
var child=document.
getelementbyid
("p1");
parent.
removechild
(child)
;<
/script>

var parent=document.getelementbyid(「div1」);

找到要刪除的節點

var child=document.getelementbyid(「p1」);

刪除節點

parent.removechild(child);

dom基礎知識

dom 英文全稱 document object model 譯成中文即是 文件對像模型 聽起來很術語，其實就是文件內容的結構關係 文件型別可以是html或xml，dom具有對html檔案和xml檔案元素的訪問控制能力，簡單點說利用dom可以對某個html或xml檔案新增，修改，刪除元素 更改其現有...

DOM 基礎知識

dom樹中的元素節點 節點的屬性 x.nodevalue 節點物件x的值 唯讀 元素節點的 nodename 與標籤名相同 屬性節點的 nodename 是屬性的名稱 文字節點的 nodename 永遠是 text 文件節點的 nodename 永遠是 document x.nodename 節點物...

DOM基礎知識

首先，我們需要介紹什麼是dom。dom的英語全稱為document object model,翻譯成中文就 是文件物件模型。也就是說，將整個文件看作是乙個物件。而乙個文件又是由很多節點組成的，那麼這些節點也可以被看作是乙個個的物件。dom裡面的物件屬於宿主物件，需要瀏覽器來作 為宿主。一旦離開了瀏覽...