Javascript 我需要使用保存颜色id的按钮记录输出_Javascript_Jquery_Html_Css_Excel

Javascript 我需要使用保存颜色id的按钮记录输出

javascript jquery html css excel

Javascript 我需要使用保存颜色id的按钮记录输出,javascript,jquery,html,css,excel,Javascript,Jquery,Html,Css,Excel,我有一个代码，它可以生成一个可点击的框，每当鼠标被点击时，通过在绿色阴影中循环，从黑色->绿色->白色改变颜色。我需要集成代码，允许当前选择当前显示的阴影在按下按钮时在输出中可见。假设我点击了12次框来改变颜色。然后我会点击一个按钮，上面写着save，例如，框中当前显示的任何阴影都会出现在输出中。附件是我的密码。我需要帮助实现的按钮，将允许我记录按钮按下，这样我就可以看到人们正在选择的颜色。此外，是否可以将这些输出直接保存到excel文件中？这样，他们点击save按钮，它就会执行代码，直接将选定

我有一个代码，它可以生成一个可点击的框，每当鼠标被点击时，通过在绿色阴影中循环，从黑色->绿色->白色改变颜色。我需要集成代码，允许当前选择当前显示的阴影在按下按钮时在输出中可见。假设我点击了12次框来改变颜色。然后我会点击一个按钮，上面写着save，例如，框中当前显示的任何阴影都会出现在输出中。附件是我的密码。我需要帮助实现的按钮，将允许我记录按钮按下，这样我就可以看到人们正在选择的颜色。此外，是否可以将这些输出直接保存到excel文件中？这样，他们点击save按钮，它就会执行代码，直接将选定的阴影转换为excel文档

var div = document.querySelector('#myDiv')
div.dataset.color = 0;
div.addEventListener('click', () => {
div.dataset.color = parseInt(div.dataset.color) + 5;
var c = Math.min(div.dataset.color % 512, 255);
var c2 = Math.max((div.dataset.color % 512) - 255, 0);
div.style.background = 'rgb(' + c2 + ',' + c + ',' + c2 + ')';
})

#myDiv {
width: 200px;
height: 200px;
background: #000000;
}

<div id="myDiv"></div>

像这样做：

颜色值将以rgb为单位

使用JS：

document.getElementById("myDiv").style.backgroundColor -  will extract the background color

使用jQuery：

jQuery('#myDiv').css("background-color");

var div=document.querySelector'myDiv' div.dataset.color=0； div.addEventListener'click'，=>{ div.dataset.color=parseIntdiv.dataset.color+5； var c=Math.mindiv.dataset.color%512，255； var c2=Math.maxdiv.dataset.color%512-255，0； div.style.background='rgb'+c2+'、'+c+'、'+c2+； } 函数GetCol { alertdocument.getElementByIdmyDiv.style.backgroundColor； document.getElementByIdColValue.value=document.getElementByIdmyDiv.style.backgroundColor； } myDiv{ 宽度：200px；高度：200px；背景：000000； }

可以使用getComputedStyle获取元素的当前样式：

请在这里找到一个例子

<!DOCTYPE html>
<html>
<body>

<p>Click the button to get the computed background color for the test div.</p>
<p><button onclick="myFunction()">Try it</button></p>
<div id="test" style="height: 50px;background-color: lightblue;">Test Div</div>
<p>The computed background color for the test div is: <span id="demo"></span></p>

<script>
function myFunction(){
    var elem = document.getElementById("test");
    var theCSSprop = window.getComputedStyle(elem, null).getPropertyValue("background-color");
    document.getElementById("demo").innerHTML = theCSSprop;
}
</script>

</body>
</html>

var getColorOnClick = function(e) {
  e.preventDefault();
  var elem = document.getElementById("mybutton");
  var bgcolor = window.getComputedStyle(elem,null).getPropertyValue("background-color");

  // do something with bgcolor
}