如何通过js获取style里面的所有样式信息啊
如何通过js获取style里面的所有样式信息啊比如<divstyle="display:none;font-size:15px;font-weight：bold;">等等...
如何通过js获取style里面的所有样式信息啊 比如<div style="display:none;font-size:15px;font-weight：bold;">等等 我需要获取全部style里面的信息~
展开
5个回答
展开全部
定义一个id="flower"的div元素 并设置如上样式，目标就是通过javascript来获取样式的最终属性 ；
<div id="flower" >...</div>
getStyle函数:
这里用到了三个原型扩展
String.prototype.capitalize 这个方法是让字符串首字母大写
Array.prototype.contains 判断数组中是否有指定成员
String.prototype.camelize 这个是让"font-size" 字符串转换成 "fontSize" 这样的格式用来获取样式。
<div id="flower" >...</div>
getStyle函数:
这里用到了三个原型扩展
String.prototype.capitalize 这个方法是让字符串首字母大写
Array.prototype.contains 判断数组中是否有指定成员
String.prototype.camelize 这个是让"font-size" 字符串转换成 "fontSize" 这样的格式用来获取样式。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
myDiv.style.cssText="width:25px;height:100px;background-color:green" //添加样式
alert(myDiv.style.cssText);
for(var i=0,len=myDiv.style.length;i<len;i++)
{
var prop=myDiv.style[i]
alert(prop); //遍历样式width;height;background-color;
alert(myDiv.style.getPropertyValue(prop)); //取得样式里面的值;
}
追问
style是通过js获取出来的 不能自己添加再获取 ~
追答
cssText是style的属性，既可读取也可以写入，你把第一行去掉不一样的么。
cssText,length,都是style对象的属性；getPropertyValue()是它的方法。还不明白么
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<head>
<title></title>
</head>
<body>
<div style="display:none;font-size:15px;font-weight：bold;">
</div>
</body>
<script>
var divStyle = docuemnt.getElementsByTagName('div');
conslole.log(divStyle[0].style.cssText);
</script>
</html>
获取首个div的style
追问
google浏览器提示 Uncaught ReferenceError: conslole is not defined
追答
我拼写错误，console.log(),这个是在控制台输出结果。
不过这个不用管，divStyle[0].style.cssText这个是结果
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
由于是内嵌式样式，可以直接用element.style方法获取。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
div.style
更多追问追答
追问
不可以哦~ 这个不是css 无法这样获取到的~
追答
你试试！因该是可以的！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
