如何使用按钮中的文本使用javascript更改背景颜色

Question

/** HTML File **/
<button id="blue" onclick="colors()">blue</button>


/** JavaScript File **/
function colors() {
    document.body.style.backgroundColor=
        document.getElementById('blue').value;
}

＆＃34;按钮＆＃34;包含文本，＆＃34;蓝色＆＃34;

我试图让背景颜色等于那个文字。

Answer 1

改为使用innerHTML：

function colors() {
    document.body.style.backgroundColor = document.getElementById('blue').innerHTML;
}

Answer 2

<button onclick="colors('blue')">blue</button>

<script>
/**
 ** @param {String} color - The color you want to change to
 **/
function colors(color) {
    document.body.style.backgroundColor = color;
}
</script>

Answer 3

使用输入

/** HTML File **/
<input type="button" id="blue" value="blue" onClick="colors();"></input>


/** JavaScript File **/
function colors() {
    document.body.style.backgroundColor=
        document.getElementById('blue').value;
}