手机版

js获取某元素的班级里面的钢性铸铁属性值代码

时间:2021-11-11 来源:互联网 编辑:宝哥软件园 浏览:

用射流研究…如何获取差异中钢性铸铁的边距、填充、高度、边框等。你可能说可以直接用文件。getelementbyid(' id ')。风格。边缘获取。但是你说的只能获取直接在标签中写的风格的属性,无法获取标签风格外的属性(如钢性铸铁文件中的属性)。而下面方法则两者值都可以获取。实例效果图如下:

射流研究…在获取钢性铸铁属性时如果标签中无风格则无法直接获取钢性铸铁中的属性,所以需要一个方法可以做到这点getStyle(obj,attr)调用方法说明:obj为对像,attr为属性名必须兼容射流研究…中的写法(可以参考:JS可以控制样式的名称写法)。射流研究…代码复制代码代码如下:function getStyle(obj,attr){ var ie=!\ v1 ';//简单判断IE6 ~ 8if(attr=='背景位置'){//IE6 ~ 8不兼容背景位置写法,识别背景位置x/Yif(ie){ return obj。当前样式。背景位置“”obj。当前样式。背景位置;} } if(obj。currentstyle){ return obj。current style[attr];} else {返回文档。默认视图。getcomputed style(obj,null)[attr];}}完整实例测试代码:Html代码复制代码代码如下:DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html;charset=gb2312' /titlejs获取某元素的班级里面的钢性铸铁属性值/title style # box 1 { margin 33605 px;padding:5px高度:100 px宽度宽度width:200px } a {边框:1px固体# ccc边界半径:3 pxpadding:3px 5px余量:5 px 0;显示:内嵌块;背景技术# eeecolor: # f60文本装饰:无;font-size :12 px} a :悬停{ color : # ff 0000背景# fff }/style/head dydiv id=' box 1 ' box 1的css .# box 1 { margin :5 xpadding :5 px高度:100 px宽度width :200 px }/diva href=' JavaScript 3:onclick='getcss('marginTop ')'获取方框一的margin-top/ABR/a href=' JavaScript :onclick='getcss('paddingTop ')'获取方框一的padding-top/ABR/a href=' JavaScript :onclick='getcss '(高度)获取方框一的高度/ABR/脚本/获取班级里面的属性值var divs=文档。getelementbyid('框1 ');函数getStyle(obj,attr){ var ie=!\ v1 ';//简单判断IE6 ~ 8if(attr=='背景位置'){//IE6 ~ 8不兼容背景位置写法,识别背景位置x/Yif(ie){ return obj。当前样式。背景位置“”obj。当前样式。背景位置;} } if(obj。currentstyle){ return obj。current style[attr];} else {返回文档。默认视图。getcomputed style(obj,null)[attr];} }函数getcss(typ){ alert(GetStyle(div,s,typ));}/脚本/正文/html

版权声明:js获取某元素的班级里面的钢性铸铁属性值代码是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。