我使用http://jscolor.com/用于颜色操作,并且我需要能够更改此按钮CCD_ 1中的文本颜色。到目前为止,我只发现这段代码与我的情况很接近,但它也不适用于我。
<script type="text/javascript">
function update(jscolor) {
$('#button_cont').css("color", "#" + jscolor);}
</script>
<input type="text" class="jscolor" onchange="update(this.jscolor);" />
<a href="#" id="button_cont" >Call to action</a>
您可以使用onchange
回调来更新按钮文本颜色。
<body>
<input type="text" class="jscolor" onchange="update(this.jscolor);" />
<a href="#" id="button_cont">Call to action</a>
<script type="text/javascript">
function update(jscolor) {
$("#button_cont").css("color", "#" + jscolor);
// document.getElementById('button_cont').style.color = '#' + jscolor;
}
</script>
</body>
请记住包含您的脚本导入
<script src="jscolor.js"></script>
和jQuery当然
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
您可以对元素调用.style.color
,并使用任何需要更改按钮的颜色。每当我想更改CSS属性时,我总是调用.style
。呼叫
document.getElementById("button_cont").style.color("red");
例如,如果要将元素的颜色更改为红色。