如何将RGB格式的颜色转换为Hex格式,反之亦然?
例如,转换'#0080C0'为(0, 128, 192).
我如何使用javascript获取任何元素的背景颜色,比如Div.我试过了:-
<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 ){
alert ( 'myDivObj.bgColor: ' + myDivObj.bgColor ); // shows: undefined
alert ( 'myDivObj.backgroundcolor: ' + myDivObj.backgroundcolor ); // shows: undefined
//alert ( 'myDivObj.background-color: ' + myDivObj.background-color ); // this is not a valid property :)
alert ( 'style:bgColor: ' + getStyle ( myDivObj, 'bgColor' ) ); //shows: undefined
alert ( 'style:backgroundcolor: ' + getStyle ( …Run Code Online (Sandbox Code Playgroud) 由于IE8不支持getComputedStyle,我们只能使用currentStyle.但是,它不会返回某些属性的实际"计算"值.
例如:
<style type="text/css">
#div {/* no properties are defined here */}
</style>
Run Code Online (Sandbox Code Playgroud)
<div id="div">div</div>
Run Code Online (Sandbox Code Playgroud)
// returns "medium" instead of 0px
document.getElementById('div').currentStyle.borderLeftWidth
// returns "auto" instead of 0px
document.getElementById('div').currentStyle.marginLeft
// returns "undefined" instead of 1
document.getElementById('div').currentStyle.opacity
Run Code Online (Sandbox Code Playgroud)
有没有人在不使用jQuery或其他Javascript库的情况下为所有属性提供跨浏览器解决方案?
我用jQuery获得了颜色值.css('color'),然后我知道它应该是颜色.
如何比较从jQuery获得的颜色值,例如黑色值?
我想更改<input type="color"/>
我尝试通过 javascript 执行此操作的一个属性,但目前我找不到更改属性的方法/属性,该属性在下图中用红色圆圈标记,例如将值设为 120 .
我在div里面有一个复选框.
<div id="question_text_1">
<input type="checkbox" onChange="myFunction(question_text_1)">Sample question text
</div>
Run Code Online (Sandbox Code Playgroud)
我正在尝试切换div选中或取消选中复选框时的背景颜色,这不起作用.
这是完整的代码
但是,在没有切换逻辑的情况下实现相同的代码工作正常 - 链接
请建议可能出现的问题.