dom的常見屬性和方法

2021-08-15 11:39:43 字數 722 閱讀 6176

牢記:js指令碼應該只用來充實文件內容  要避免使用dom技術建立核心內容

需要對文件現有資訊進行檢索的時候下面dom方法最有用:

getelementbyid

getelementbytagname

getattribute

元素.firstchild

.nodevalue 元素的第乙個節點的內容 比如 可以得到p標籤中的文字節點 因為p裡面的文字內容實在文字節點裡面

在需要把資訊新增到文件中去時,以下dom最有用:

createelement 建立元素節點

createtextnode(需要的內容) 建立文字節點

insertbofore

insertafter 需要自己編寫

setattribute

元素在節點中的位置資訊:

parentnode

nextsibling

previoussibling

childnodes

firstchild

lastchild

元素資訊:

nodename 標籤的名字

nodevalue 元素的內容 一般都是檔案文字

style 每個元素都有乙個style屬性 他們也都是乙個物件

DOM 物件的方法和屬性

一些常用的 html dom屬性 innerhtml 節點 元素 的文字值 parentnode 節點 元素 的父節點 childnodes 節點 元素 的子節點 attributes 節點 元素 的屬性節點方法 描述getelementbyid 返回帶有指定 id 的元素。getelementsb...

DOM節點基本方法和屬性

1 dom document object model 是由w3c規範 已接觸標準組織 ecma w3c 已經到dom4了 dom.0是出現規範之前的方法 兩大陣營 支援 dom瀏覽器 chrome opera firefox safari 2 節點 node 1 tree 常用節點型別 元素節點 ...

原生 Dom物件常見屬性

客戶區大小 document.documentelement.clientwidth 瀏覽器可視視窗的寬度 獲取真實寬度 document.documentelement.clientheight 瀏覽器可視視窗的高度 獲取真實高度 document.body.clientwidth body有ma...