如何用JavaScript的if语句修改h1内容并读取其文本？

当然可以让JS变量读取h1标签的内容，你当前的代码问题在于：document.getElementById('tae')返回的是DOM元素对象，不是标签里的文本内容，所以直接拿它和字符串'bebe'对比肯定不成立。

要读取h1的文本内容，你可以用以下两种方式：

• element.textContent：获取元素的纯文本内容（推荐，不会包含HTML标签）
• element.innerHTML：获取元素内的HTML内容（如果标签里有嵌套HTML时用）

修正后的代码如下：

<body>
    <h1 id="tae">bebe</h1>

    <script>
        // 获取h1元素对象
        const babyElement = document.getElementById('tae');
        // 读取元素的文本内容
        const babyText = babyElement.textContent;

        if (babyText === 'bebe') {
            // 修改h1的文本内容
            babyElement.textContent = 'my moon';
        }
    </script>
</body>

补充几个小细节：

• 用const替代var更符合现代JS规范，因为元素对象和文本内容不会被重新赋值
• 判断时用严格相等===比==更严谨，避免类型转换带来的意外问题

内容的提问来源于stack exchange，提问作者Ame Suzuki