js 怎样获取div的宽度,只要值,不要px
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js 怎样获取div的宽度,只要值,不要px相关的知识,希望对你有一定的参考价值。
我想知道js怎样获取某个div的宽度值,例如div的width=123px;
我想用js提取这个div的宽度值,就是只要123这个数值,不要px这个字符串,
求各位大大帮帮忙
//jquery获取ID为abc的元素的宽度.
alert($("#abc").width());
//js获取ID为abc的元素的宽度.
alert(parseInt(document.getElementById('abc').style.width));
</script>
js通过html对象的style属性获取元素属性.
获取到的值是包含单位(px像素)的.
将获取到的值转化成整数就可去掉单位.
parseInt() 函数可解析一个字符串,并返回一个整数.
语法
parseInt(string, radix)
参数 描述
string 必需。要被解析的字符串。
radix 可选。表示要解析的数字的基数。该值介于 2 ~ 36 之间。
如果省略该参数或其值为 0,则数字将以 10 为基础来解析。
如果它以“0x” 或 “0X” 开头,将以 16 为基数。
如果该参数小于 2 或者大于 36,则 parseInt() 将返回 NaN。
返回值
返回解析后的数字。
参考技术A 给你的div命名id=“abc”,js中用下面的语句就能获取到js的宽度并赋值给aa=document.all.abc.offsetWidth;
然后通过
alert(a);
就能弹出这个值来了。
望采纳!呵呵!本回答被提问者采纳 参考技术B var myWidth=document.getElementById('"#id").style.width 这个就是你要的宽度
alert(myWidth) 就可以了 参考技术C 同求
js如何获取div中的数据?
你可以直接用innerHTML这个方法返回div的内容。
下面是个简单的小例子:
<body>
<div style="width:100px; height:100px; border:1px solid #ccc;">
<a href="#">111111</a>
</div>
</body>
<script>
var oDiv = document.getElementsByTagName(\'div\')[0];
alert(oDiv.innerHTML); //这样就可以获取div标签里面所有的内容。
</script>
这样alert弹出的框体里面的值是 \'<a href="#">111111</a> \';
var text = document.getElementById(“text”).innerText;
else
var text = document.getElementById(“text”).textContent;
用来获取浏览器的名称,第一句话的意思就是当获取到的浏览器的名称中带有Explorer。
涉及到indexof用法
strObj.indexOf(subString[, startIndex])
参数
strObj
必选项。String 对象或文字。
subString
必选项。要在 String 对象中查找的子字符串。
starIndex
可选项。该整数值指出在 String 对象内开始查找的索引。如果省略,则从字符串的开始处查找。
indexOf 方法返回一个整数值,指出 String 对象内子字符串的开始位置。如果没有找到子字符串,则返回 -1。
以上是关于js 怎样获取div的宽度,只要值,不要px的主要内容,如果未能解决你的问题,请参考以下文章