js 怎样获取div的宽度,只要值,不要px

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js 怎样获取div的宽度,只要值,不要px相关的知识,希望对你有一定的参考价值。

我想知道js怎样获取某个div的宽度值,例如div的width=123px;
我想用js提取这个div的宽度值,就是只要123这个数值,不要px这个字符串,
求各位大大帮帮忙

<script type="text/javascript">
//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的宽度并赋值给a
a=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> \';

参考技术A if(navigator.appName.indexOf(“Explorer”) > -1)
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的主要内容,如果未能解决你的问题,请参考以下文章

jquery怎样获取动态增加的img标签的id

Android开发中怎样获取WebView的内容宽度高度

js 怎样获取字型的宽度和高度 比如9pt这样大小的文字

jquery怎样判断div中的内容是不是充满整个div

怎样使div充满全屏

css 怎样定义屏幕高度的一半