獲取元素屬性的方法

2021-09-10 17:15:39 字數 1044 閱讀 4100

1.元素.style.屬性名 :只能獲取元素行內的樣式;獲取不到css 中 的樣式;

var obox = document.

getelementbyid

("box");

console.

log(obox.style.width)

;

2.getcomputedstyle :獲取瀏覽器的計算樣式;是window的乙個屬性

在ie8及以下,getcomputedstyle不存在;

var obox = document.

getelementbyid

("box");

console.

log(

getcomputedstyle

(obox)

.width)

;// "200px"

3.currentstyle :在ie中是元素的乙個屬性;屬性值是包含了css設定的樣式;在谷歌不存在這個屬性;

var obox = document.

getelementbyid

("box");

console.

log(obox.currentstyle.width)

;

function

getcss

(curele,attr)

else

// 如果是非空字串,才進行parsefloat;

var reg =

/^width|height|fontsize|margin|padding|top|left|right|bottom$/;if

(reg.

test

(attr)

)else

}return val;};

console.

log(

getcss

(obox,

"width"))

;// "200px" 200

獲取元素樣式屬性的方法

獲取 的高度1 如果是行內樣式 style可以直接獲取。document.getelementsbytagname div 0 style.height 2 如果是內聯樣式 用style返回的是undefined 需要採用其他方法。由於不同瀏覽器造成相容問題,獲取的方法又不相同。在ie中,採用的是c...

Appium python元素屬性的獲取

獲取元素屬性 1 獲取text text 2 獲取class屬性 tag name 3 content desc屬性 get attribute name content desc為空,取得text值 content desc不為空,取得content desc 值 content desc屬性也可...

獲取元素的方法

1,根據id屬性獲取元素,返回乙個元素物件 document.getelementbyid id名 2,根據標籤名獲取元素,返回乙個偽陣列,裡面儲存了多個dom物件 document.getelementsbytagname 標籤名 可能有的瀏覽器不支援一下方式 3,根據name屬性值獲取元素,返回...