
// 通过id获取控件,offsetwidth为控件实际展现宽度。<br><div id="divid" style="float: left">1111111111111</div><br>var width = documentgetelementbyid("divid")offsetwidth;<br>alert(width); 右侧的“查询”请设置style="float:right"<br>让”查询“靠右显示,就ok了。
<script type="text/javascript">
//jquery获取ID为abc的元素的宽度
alert($("#abc")width());
//js获取ID为abc的元素的宽度
alert(parseInt(documentgetElementById('abc')stylewidth));
</script>
js通过html对象的style属性获取元素属性
获取到的值是包含单位(px像素)的
将获取到的值转化成整数就可去掉单位
parseInt() 函数可解析一个字符串,并返回一个整数
语法
parseInt(string, radix)
参数 描述
string 必需。要被解析的字符串。
radix 可选。表示要解析的数字的基数。该值介于 2 ~ 36 之间。
如果省略该参数或其值为 0,则数字将以 10 为基础来解析。
如果它以“0x” 或 “0X” 开头,将以 16 为基数。
如果该参数小于 2 或者大于 36,则 parseInt() 将返回 NaN。
返回值
返回解析后的数字。
对于元素的实际大小,offsetWidth和offsetHeight理解如下:
1增加边框,最终值会等于原本大小加上边框大小
2增加内边距,最终值会等于原本大小加上内边距大小
方法一:获取的宽高。可以用offsetWidth和offsetHeight;
方法二:
你先获取img标签标签元素。用getElementById()或者getElementsByClassName或者getElementsByTagName()都可以。
获取之后,如果你的img有width和height 属性,可以直接用img元素对象点属性
documentgetElementsByTagName("img")[0]width;
documentgetElementsByTagName("img")[0]height;
3如果img元素本身没有width和height属性。你可以获取img元素的style样式
function getStyle(obj,attr){
return objcurrentStyleobjcurrentStyle[attr]:getComputedStyle(obj)[attr];
};
obj是你的img标签对象,attr是你的想要获取的属性;
currentStyle支持IE低版本浏览器,
getComputedStyle支持主流浏览器
以上就是关于怎么在JS里获取 模板页中的内容页 控件的ID, 我要动态获取控件的ID 不是写死的那种全部的内容,包括:怎么在JS里获取 模板页中的内容页 控件的ID, 我要动态获取控件的ID 不是写死的那种、js 怎样获取div的宽度、关于js获取元素实际高度的问题等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)