js style.width獲取不到元素的寬度
jquery用習慣了,用width()就能獲取元素的寬度,但有些時候用js獲取元素寬度獲取不到,document.getElementById("id").style.width,原因:
1.元素未設定寬度值
2.元素設定了寬度值,但,設定在內聯或外聯樣式表中,而非內嵌式的。
雖然這種方式獲取不到元素寬度,但是可以設定寬度 document.getElementById("id").style.width = "100px";
只有將元素的寬度設定成內嵌式,才能通過document.getElementById("id").style.width獲取寬度
<p id="p1" style="width:100px;"></p>
對於沒有設定寬度的元素、亦或CSS樣式非內嵌式的,js原生寫法可以通過offsetWidht來獲取寬度。
jquery的width()與js的offsetWidth都可以獲取元素的寬度,但有個區別:
.width()的值單純是內容區域的寬度、不包括內外補丁和border。ie6+和chrome相同。
offsetWidth :包括了內補丁和border,不包括外補丁。
相關推薦
js style.width獲取不到元素的寬度
jquery用習慣了,用width()就能獲取元素的寬度,但有些時候用js獲取元素寬度獲取不到,document.getElementById("id").style.width,原因:1.元素未設定寬度值2.元素設定了寬度值,但,設定在內聯或外聯樣式表中,而非內嵌式的。雖然
javascript 的 style.width 取不到元素的寬度值
以前一直用jquery的.width()方法來獲取一個元素的當前的寬度。不管該元素是否設定了寬度,CSS樣式是內聯、外聯or內嵌,都可用此方式獲得元素當前的寬度。 今天想用原生JS想獲取一個元素寬度時,寫document.getElementById(“id”
js中image獲取不到width和heigth的問題
@Author LazyChun js中image的src賦值了,而image.width == 0 && image.height == 0 今天做一個圖片上傳並做寬高限制的c
Chrome和Safari瀏覽器jquery width()獲取不到高度的問題
問題概要 : 偶要遍歷一組圖片,遍歷時需要獲取其寬度,效果出來後,IE和Firefox都沒有問題,唯獨Chrome和Safari會出現獲取不到圖片寬度的情況。以往基本上是IE不相容,這下出現Chrome和Safari不相容了,倒覺得稀奇了,故寫出來分享下。 注:程式
js和jquery獲取頁面高寬度等資料
網頁可見區域寬:document.body.clientWidth 網頁可見區域高:document.body.clientHeight 網頁可見區域寬:document.body.offsetWidth(包括邊線的寬) 網頁可見區域高:document.body.off
js 獲取不到div的寬度 offsetWidth width
1、通過document.getElementById("zhankaiStyle").style.width 或者是 this.$refs.mingzi.style.width 獲取 只能通過在行內樣式表中設定寬度才可以獲得 (1) <
js獲取瀏覽器和裝置相關width(螢幕的寬度)
網頁可見區域寬: document.body.clientWidth網頁可見區域高: document.body.clientHeight網頁可見區域寬: document.body.offsetWidth (包括邊線的寬)網頁可見區域高: document.body.offsetHeight (包括邊線的高
[jQuery]無法準確獲取隱藏元素(display:none)寬度(width)和高度(height)的新解決方案
在開發一個彈框外掛時,遇到一個需要計算隱藏彈框的高度問題。用jquery裡面的方法$('box').outerHeight(true)得到隱藏層高度的值隨著滾動條滾動總是不一致。沒轍,放棄這一方法去獲取,原來生js中的offsetHeight來試試看,$(''box")[
angularJS指令ng-repeat生成的dom元素js獲取不到
用ng-repeat生成的元素用js怎麼也獲取不到 這個其中原由是:angular擁有自動化渲染DOM的特性,它能幫助我們專注於操作資料,而頁面的渲染則由angular自身來完成。這就造成了 ng-repeat 迴圈完成後angular並不會告訴我們dom渲染完了;換句
js獲取Html元素的實際寬度高度(offsetWidth)
第一種情況就是寬高都寫在樣式表裡,就比如#div1{width:120px;}。這中情況通過#div1.style.width拿不到寬度,而通過#div1.offsetWidth才可以獲取到寬度。第二種情況就是寬和高是寫在行內中,比如style="width:120px;
js獲取螢幕高度寬度解析度問題,當css3的@media查詢寫法不能解決問題時請看這個
當css的@media查詢寫法如下:@media screen and (max-width: 1920px) { .feature-table { height: 980px;background-color: #AAAAAA; }}@medi
JS中如何獲取元素
... 表單 自定義事件 mouse cti 調用 element 名稱 lin 1.通過ID名稱來獲取元素: document get element by id ‘link‘ document.getElementById(‘link‘); 事件:鼠標事件、鍵盤事件、系
JS 控制checkbox 獲取 全選 全不選 一行不選擇全選則不被選擇 所有選擇全選被選擇
element selectall -- 頁面 put all for elements 監聽 //點擊全選button的事件操作 function selectAll(){ var allcheckBoxs=document.getEleme
不固定寬度 浮動元素實現 水平居中
ext hang 問題 http 間距 size center logs 技術 兩種方法 前提 父元素 overflow:hidden;子元素float:left;寬度都是不固定的 1.父元素 text-align:center;font-size:0;子元素 disp
js獲取不帶單位的像素值
replace button onclick num parseint 數值 調用 寬度 字體 所謂獲取不帶單位的像素值就是獲取比如元素的寬度、高度、字體大小、外邊距、內邊距等值但是去掉像素單位。 比如:某一個元素的寬度是100px,現在我要獲取這個這個值但是不帶
JS/JQuery獲取當前元素的上一個/下一個兄弟級元素等元素的方法
input logs type ron put 綁定 style wid cti $(function(){ //遍歷獲取的input元素對象數組,綁定click事件 var len = $("input[type=‘file‘]").length;
[轉]IE9.0或者360下js(JavaScript、jQuery)不能正確執行(加載),按F12後執行正常;Firefox下ajax的success返回數據data(json、string)無法獲取
cli onf string 不同 logs script blog 綁定 導入 兼容問題1: 頁面的分享等插件加載不全,並無法點擊。 兼容問題2: IE下頁面選擇器(#id、.class.etc.)綁定click事件無法訪問到,後臺springmvc方法,也無法獲取
js中獲取dom元素大小
jsdocument.documentElement這裏的documentElement實際就是整個htmldocument.documentElement.clientWidth/clientHeight可視窗口的大小oDiv.offsetWidth/Height;/clientWidth/clientHe
js jquery獲取當前元素的兄弟級 上一個 下一個元素 jquery如何獲取第一個或最後一個子元素
pre tool 處理 語法 exp iou 元素 dex syn var chils= s.childNodes; //得到s的全部子節點 var par=s.parentNode; //得到s的父節點 var ns=s.nextSbiling; //獲得s的下
vue.js click點擊事件獲取當前元素對象
sage div get fun 事件傳播 處理 class 前行 innerhtml Vue.js可以傳遞$event對象 <body id="app"> <ul> <li v-on:click="say(‘hello!‘, $