Question

我正在尝试填充一个对象，同时将“clurN”的文本更新为“Done !!”。我该怎么做？

<p id="clurN">Test</p>
<a class="button" style="background-color: #000;" onClick="clur()"></a>
<script>
function clur() {
var str = "Done!!";
document.getElementById("clurN").innerHTML=result;

var c=document.getElementById("c1Canvas");
var ctx=c.getContext("2d");
ctx.fillStyle="#FF0000";
ctx.fillRect(0,0,150,75);
}
</script>

Answer 1

我得到的印象是你直接把你在互联网上找到的一些教程的代码拼凑在一起。下次尝试查看代码在示例中的作用，然后了解如何在代码中实现该代码。以下是适合您的工作代码：

<p id="clurN">Test</p>
<a class="button" style="background-color:#000;" onClick="clur()"></a>
<script>
function clur() {
    //Store the element in the variable:
    var paragraph = document.getElementById("clurN");

    //change the element's inner HTML:
    paragraph.innerHTML = "Done!!";

    //and now set its background color style:
    paragraph.style.backgroundColor = "#FF0000";
}
</script>

更新文字和颜色

1 个答案: