javascript - 使用 Javascript 更改基于 ID 的 innerHTML 不起作用

Question

如何通过 ID 更改元素的文本 (innerHTML)。我很确定我的代码是正确的，在线阅读了一些示例，但不知何故它不起作用。如图所示的代码...

另一件事，我想创建 if 语句以将其更改为 OFF，反之亦然。if text = State: ON, text = State: OFF else text = State: ON。

Answer 1

它应该是

onclick="changefantext()"

要查看它是 ON 还是 OFF，您可以使用String.substring提取文本的最后两个或三个字符。您可以再次使用innerHTML 阅读文本。

或者，您可以将属性附加到元素：

if (document.getElementById('fan').isOn == 'undefined') {
    document.getElementById('fan').isOn == true;
} else if (document.getElementById('fan').isOn == true) {
    // etc.

您最好创建一个引用此元素的对象变量：

var myFan = document.getElementById('fan');

补充：innerHTML 将包含空格，因此它不会匹配“State: OFF” - 也就是说，它不是完全匹配。用于indexOf发现它是否包含单词“OFF”。如果找到文本，则返回一个 0 或更多的数字：

var fan = document.getElementById('fan');
var fanText = fan.innerHTML;

if (fanText.indexOf("OFF") >= 0) {
    // it is OFF