Javascript的dom獲取設定

2021-09-24 13:35:16 字數 858 閱讀 2592

使用dom獲取元素

1.根據id獲取元素 document.getelementbyid(「id的值」);

2.根據標籤獲取元素 document.getelementsbytagname(「標籤名」);

3.根據name屬性值獲取元素 document.getelementsbyname(」name屬性值");

4.根據類樣式名字獲取元素 document.getelementsbyclassname(「類樣式名字」);

5.根據選擇器獲取元素 document.queryselector(「選擇器的名字」);只返回乙個物件

6.根據選擇器獲取多個元素 document.queryselectorall(「選擇器的名字」)

設定元素的樣式

物件.style.屬性=「值」

物件.classname=「值」

innertext和textcontent相容問題

textcontent是火狐家的 ie8不支援

innertext是ie家的 火狐的低版本不支援

如果不支援的話 會提示型別為undefined

根據提示寫相容**

function setinnertext(ele, tex) else

}function getinnertext(ele) else

}自定義屬性

屬性一般自帶的直接通過點出來就行了 但是不是自帶的屬性 自定義的屬性點的話會顯示undefined

所以應該使用 物件.getattribute(「自定義屬性名」)來獲取

設定自定義屬性 物件.setattribute(」自定義屬性名「,「值」)

移除某個屬性 物件…removeattribute(「屬性名」)

JavaScript中的DOM操作

更新dom 1.直接修改標籤的innerhtml屬性 修改該屬性不僅可以修改文字內容,還可以修改標籤內部的子節點 2.修改innertext或者textcontent屬性 只能修改節點的文字內容,不能新增子節點 3.使用style屬性獲取或者設定對應屬性 插入dom 1.如果在乙個空的dom節點中進...

javascript學習 DOM擴充套件

主要的兩個擴充套件物件是selector api和html5,新增了一些使用的方法和屬性。selector api 可以根據css選擇符選擇與某個模式匹配的dom元素,核心是通過css選擇符查詢dom文件取得元素的引用。主要方法有queryselector 和queryselectorall 方法。...

JavaScript物件 DOM技術

dom document object model 文件物件模型 dom技術 把標記文件變成物件樹,通過對這棵樹中的物件進行操作 增刪改查 實現對文件內容的操作。對dom物件樹進行增刪改查,產生的效果就是對頁面內容進行增刪改查 文件 html頁面,xml文件 檔案 dhtm 動態html技術,它不是...