js 獲取width 的方法總結

2021-07-08 22:33:56 字數 842 閱讀 4679

1.今天遇到了關於element.style.width的乙個小問題記錄下來!

習慣了通過html dom來給元素進行賦值。

通常通過這種方法可以給元素進行賦值,在html上的表現是 width直接加在html頁面上,優先順序大於css樣式表,所以可以賦值成功。

當我們取值時因為我們無法通過這個方法呼叫css樣式表中的元素所以取值為空。

2.然後順便學習了下呼叫css樣式表中元素的方法

var mycssdocument.stylesheets[i].rules[i] //stylesheets[i]指第i個,rules[i]指第i個class

mycss.style.width //表示你想取的屬性,可以獲取和修改

3.然後看到了一些其他的方法

element.currentstyle.width //指當前樣式的width ff不支援

getcomputedstyle(element,false).width //指獲取完成樣式的width ie不支援

相容方法

function

get(element,width)else

}

4.突然想到還有一種方法可以獲取到不過有點差別

element.offsetwidth = width(可視)+border+padding+滾動條寬度;

element.clientwidth = width(可視)+padding;

element.scrollwidth = width(實際);

以上都是通過查詢資料和實踐獲得,難免產生錯誤和引用別人的結論,只為學習交流有錯誤請指出!

js中的width問題

1 在jquery中,width 方法用於獲得元素寬度 innerwidth 方法用於獲得包括內邊界 padding 的元素寬度,outerwidth 方法用於獲得包括內邊界 padding 和邊框 border 的元素寬度,如果outerwidth 方法的引數為true則外邊界 margin 也會...

js 獲取標籤的方法

var tag document.getelementbyid id i 代表獲取第幾個同名標籤 var tag document.getelementsbyclassname classname i classname 類名 var tag document.getelementsbytagnam...

JS獲取元素的方法

根據id獲取元素 document.getelementbyid id 根據標籤名獲取元素 document.getelementsbytagname 標籤名 element.getelementsbytagname 標籤名 h5新增獲取元素方式 document.getelementsbyclas...