使用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技術,它不是...