javascript dom的常用方法

2021-08-20 22:25:34 字數 1259 閱讀 1364

1.獲得元素

獲得元素要等頁面載入完成之後再獲取,在頁面載入的時候獲取的話頁面還沒有載入完成,然後你獲取元素的話,會獲取不到。

方法1.document.getelementbyid(「元素的id」);通過元素的id來獲取,返回的是你獲取了那個元素物件的引用,這個是document類的方法。

方法2.document.getelementsbytagname(「元素名稱」);獲取一類元素,以陣列的形式返回。(這個是node節點介面的方法,就是所有的元素物件都有這個方法。)

方法3.document.getelementbyname(「元素name屬性」);通過元素的name屬性來獲取,也是以陣列的形式返回。

2.獲取元素屬性。

元素屬性的最推薦的方式就是通過物件.屬性的方式來讀取。

3.獲取子元素

1.父元素名稱.childnodes來獲取所有子元素。包含空的文字元素。此方法不實用

2.通過 getelementbytagname(「標籤名」);通過物件呼叫次方法獲取的是他的子孫元素。

3.firstchild 第乙個子元素 lastchild最後乙個子元素。

4.獲取文字元素。

通過firstchild來獲取。然後通過 nodevalue來讀寫文字的屬性。

5.新建元素文字節點,新增元素文字節點,

新建元素節點 document.createelement(「標籤名」);返回的是建立的那個元素節點的引用。

新建文字節點document.createtextnode(「文字內容」);返回此元素的引用

6.替換子元素元素節點

父元素名.replacechild("新節點","舊節點");

元素.parentnode。返回父元素節點

元素名.clonenode(deep);轉殖乙個節點。deep為true表示連子節點一起轉殖,為false不轉殖子節點。

7.在子元素的前面插入乙個元素  insertbefore(要插入的元素,插入在哪個元素前面)

可以自定義乙個 在元素後面插入元素的函式

function insertlast(anode,bnode)else

}

8.刪除元素節點

parent. removechild(要刪除的子節點);

javaScript DOM程式設計

1.獲取dom樹的根節點 2.getelementbyid 根據標籤的id獲取標籤元素和getelementsbytagname根據標籤名獲取標籤,返回的是陣列的形式 3.getelementsbynames 根據標籤的name屬性獲取標籤,返回的是陣列形式 有兩個input標籤,因此列印結果是2 ...

JavaScript DOM程式設計

dom document objective model 文字物件模型 例子 clickme 例子 先獲取某一指定的元素節點 再讀指定元素節點的屬性 設定指定元素節點的屬性的值 例子 你喜歡那個城市?你喜歡哪款單擊遊戲?name 先獲取某節點。用childnodes方法獲取指定元素節點的所有子節點。...

javascript DOM 獲取節點

1.獲取元素節點 1.1 通過元素節點的id屬性獲取 語法 document.getelementbyid 元素id屬性的值 例如 1.2 根據元素的名稱獲取,獲取的是所有為該名稱的元素節點組成的陣列,可以用陣列的方法操作該節點陣列 語法 document.getelementsbytagname ...