js獲取元素

2022-07-10 22:21:16 字數 895 閱讀 3589

通過document獲取節點

// 通過標籤的id名獲取標籤

語法：
document.getelementbyid("標籤id名");
// 通過標籤名獲取標籤

語法：
document.getelementsbytagname("標籤名");
// 通類名獲取標籤

語法：


document.getelementsbyclassname("標籤類名");
// 通過標籤的name屬性獲取標籤

語法：
document.getelementsbyname("標籤的name屬性的值");
// 上述4種獲取標籤的方法，除了通過id可以準確獲取到元素，別的方法都是只能獲取到元素的集合（類陣列）使用css選擇器獲取元素

語法：


documen.queryselector(css選擇器); //


獲取到匹配css的第乙個元素


documen.queryselectorall(css選擇器); //


獲取到匹配css的所有元素
通過id名直接獲取到元素：

盒子1
效果圖：

通過id名直接獲取到元素

js獲取元素座標

function getelementpos elementid var parent null var pos var box if el.getboundingclientrect ie else if document.getboxobjectfor gecko else safari ope...

js獲取html元素

獲取body標籤下的第x個button 從0開始 的顯示內容 alert body button eq x html 獲取當前元素的上乙個元素 body button eq 0 parent prev css background red 獲取當前元素的下乙個元素 body button eq 0 ...

js獲取頁面元素

獲取頁面元素的四種方式 1 通過標籤名來獲取 var box document.getelementsbytagname div 2 console.log box 2 通過class名來獲取 var box2 document.getelementsbyclassname div1 0 conso...