how can I get the value of width with javascript
Question
I put this on the head section
var d = parseInt(document.getElementById('test').style.width);
alert(d);
But the output is NaN .
how do you get the value?
4 answers
solution1
0 2011-06-24 06:50:42
UPDATED
Reading your question, it seems that you are executing the code in your head section before the DOM has loaded, try to put your script in the bottom of your page, just before </body> .
document.getElementById('test').clientWidth;
document.getElementById('test').offsetWidth;
solution2
0 ACCPTED 2011-06-24 06:51:53
UDPATED
I think the problem is that you've put the code in the <head> of your document, which means it's looking for the test element right away. Unfortunately, the test element hasn't been created yet, because your browser is still parsing the <head> .
So, make sure that code is placed after the test element, and use either .offsetWidth or .clientWidth , and it should work fine.
solution3
0 2011-06-24 07:50:01
style.width will most probably only get the inline style, you have three options:
You can use .clientWidth , .offsetWidth or you can add a inline-style .
See my example : http://jsfiddle.net/WaSKP/2/
solution4
0 2011-06-27 06:35:11
Just use,
window.onload=function(){
alert(document.getElementById("test").clientWidth)
}
That should do the trick.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.