怎么在JS里获取 模板页中的内容页 控件的ID, 我要动态获取控件的ID 不是写死的那种

怎么在JS里获取 模板页中的内容页 控件的ID, 我要动态获取控件的ID 不是写死的那种,第1张

// 通过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获取元素实际高度的问题等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9515229.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-29
下一篇2023-04-29

发表评论

登录后才能评论

评论列表(0条)

    保存