如何获取HTML元素的背景色？
如何div使用JavaScript 获取任何元素（例如）的背景颜色？我努力了：
<html>
<body>
<div id="myDivID" style="background-color: red">shit happens</div>
<input type="button" value="click me" onclick="getColor();">
</body>
<script type="text/javascript">
function getColor() {
myDivObj = document.getElementById("myDivID")
if (myDivObj) {
console.log('myDivObj.bgColor: ' + myDivObj.bgColor); // shows: undefined
console.log('myDivObj.backgroundcolor: ' + myDivObj.backgroundcolor); // shows: undefined
//alert ( 'myDivObj.background-color: ' + myDivObj.background-color ); // this is not a valid property :)
console.log('style:bgColor: ' + getStyle(myDivObj, 'bgColor')); //shows: undefined
console.log('style:backgroundcolor: ' + getStyle(myDivObj, 'backgroundcolor')); // shows:undefined:
console.log('style:background-color: ' + getStyle(myDivObj, 'background-color')); // shows: undefined
} else {
console.log('damn');
}
}
/* copied from `QuirksMode` - http://www.quirksmode.org/dom/getstyles.html - */
function getStyle(x, styleProp) {
if (x.currentStyle)
var y = x.currentStyle[styleProp];
else if (window.getComputedStyle)
var y = document.defaultView.getComputedStyle(x, null).getPropertyValue(styleProp);
return y;
}
</script>
</html>
问题答案：
与所有包含连字符的css属性一样，它们在JS中的对应名称是删除连字符并使用以下字母大写： backgroundColor
alert(myDiv.style.backgroundColor);
-
本文向大家介绍如何在HTML中显示元素的背景色？，包括了如何在HTML中显示元素的背景色？的使用技巧和注意事项，需要的朋友参考一下 在HTML中使用 bgcolor属性显示元素的背景色。它用于控制HTML元素的背景，特别是页面正文和表格背景。 注意-HTML5不支持此属性。 示例 您可以尝试运行以下代码以了解如何在HTML中实现bgcolor属性-
-
问题内容： 如何获取元素的背景色代码？ 我想要的是 问题答案： 检查下面的示例链接，然后单击div以获取十六进制的颜色值。
-
问题内容： 如何获取JavaScript中元素的URL ？例如，我有这个： 我如何 只 获取URL ？ 问题答案： 您可以尝试以下方法： 编辑： 根据@Miguel和下面的其他注释，如果您的浏览器（IE / FF / Chrome …）将其添加到url，则可以尝试删除其他引号： 如果可能包含单引号，请使用：
-
问题内容： 可以给SVG 元素背景色吗？如果没有，那么模拟它的最佳方法是什么？ 我的目标是给文本提供背景色，我发现填充元素将是完美的-它们已经“概述” 了代表多行文本行的文本块（元素）。 我正在使用的示例： 我尝试使用“填充”属性，但它似乎会影响文本的填充（颜色），而不是其后面的区域： 我也尝试通过CSS设置背景色： ..但不起作用（至少在Chrome 17和Firefox 12中）。 用“填充”
-
我正在尝试使用来自动化应用程序。如何在Android应用程序中获取元素的背景颜色。
-
问题内容： 如何获取Java中Activity的背景颜色和文本颜色（子视图的默认颜色）？ 问题答案：