javascript style.color 获取颜色的疑问，不知怎么解决
代码如下，如果是class则取出的颜色值是空，但如果直接用style则正确，不知怎么解决
<html>
<head>
<style type="text/css">
p.ci_1 {
color: #80FF80;
}
</style>
<script type="text/javascript">
function setColor()
{
var g_all = document.getElementsByTagName("p");
var n = g_all.length;
for (var i = 0; i < n; i++)
{
// g_all[i].style.color="#80FF80";
alert("aa--"+g_all[i].style.color+"--bb");
}
}
</script>
</head>
<body>
<p class='ci_1'>This is an example paragraph.</p>
<p style='color: #80FF80' >This is also an example paragraph.</p>
<input type="button" onclick="setColor()" value="Change color of text" />
</body>
</html>
慕哥6287543浏览 323回答 2
2回答
-
守着一只汪
<!DOCTYPE html><html><head><title>getHexColor js/jQuery 获得十六进制颜色</title><meta charset="utf-8" /><script type="text/javascript">function getHexBgColor(){var str = [];var rgb = document.getElementById('color').style.backgroundColor.split('(');for(var k = 0; k < 3; k++){str[k] = parseInt(rgb[1].split(',')[k]).toString(16);}str = '#'+str[0]+str[1]+str[2];document.getElementById('color').innerHTML = str;}function getHexColor(){var str = [];var rgb = document.getElementById('color').style.color.split('(');for(var k = 0; k < 3; k++){str[k] = parseInt(rgb[1].split(',')[k]).toString(16);}str = '#'+str[0]+str[1]+str[2];document.getElementById('color').innerHTML = str;}</script><style type="text/css">#color{width: 200px;height: 200px;line-height: 200px;text-align: center;}</style></head><body><div style="color: #88ee22; background-color: #ef8989;" id="color"></div><input onclick="getHexBgColor();" type="button" value="获得背景色" /><input onclick="getHexColor();" type="button" value="获得字体颜色" /></body></html>点击“获得背景色”按钮，会调用getHexBgColor()方法获取css的背景色。
随时随地看视频慕课网APP
相关分类
JavaScript