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...