DOM獲取HTML中的元素

2021-09-07 20:21:48 字數 720 閱讀 1578

獲取元素的三種方法:

1:通過id名獲取元素

2:通過class類名獲取元素

3:通過標籤名直接獲取元素

注:id是唯一的 所以用id獲取到的元素可以直接用,通過class類名和標籤名獲取到的元素是乙個陣列,呼叫的時候需要先獲取到具體的某乙個,然後再呼叫。

下面是乙個簡單的案例:

`

// 通過標籤查詢並獲取標籤;返回乙個陣列

var divs = document.getelementsbytagname('div')

console.log(divs)

// 取divs陣列中第乙個div 也是body最靠上的div

var divone = divs[0]

// getelementbyid 通過標籤中id 名字獲取元素

var box = document.getelementbyid('box')

console.log(box)

// 通過標籤中class名字獲取標籤

var boxs = document.getelementsbyclassname('box')

console.log(boxs)

// 通過標籤名直接獲取標籤

var set = document.getelementsbyname('set')

console.log(set)

通過DOM操作獲取html頁面元素

1.通過id名 document.getelementbyid 2.通過tag名 document.getelementbytagname document.getelementsbytagname 3.通過class名 document.getelementsbyclassname 4.通過sel...

DOM元素的獲取

通過id獲取元素 document.getelementbyid id 通過class獲取元素 document.getelementsbyclassname class 注意 這裡不相容ie8及以下,jq的話獲取class不影響這裡,假如要這樣操作的話,你需要寫個方法 function getel...

javascript中獲取dom元素的高度和寬度

本身的寬高 width height padding clientwidth clientheight 本身的寬高 width height padding border offsetwidth offsetheight 距離左側和上部的距離,相對於視窗 offsetleft offsettop 獲...