如何使用javascript使用按鈕內的文字更改背景顏色

Question

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


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

“按鈕”包含文本“藍色”

我正在嘗試使背景顏色等於該文本。

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;
}