javascript - 如何使用 html、css 中的样式属性更改文本

Question

在此示例中，我有一个必须更改文本的按钮。现在我知道我可以使用 onclick=document.getElementById('id').innerHTML="text" 但我正在制作这样的函数

**onclick = myFunc()**


 <script>
    function myFunc()
    var x = document.getElementById('id');
    x.style.property = 'text';
    </script>

所以我的问题是，是否有任何我可以使用的属性会更改文本

Answer 1

没有。 “样式”属性用于样式。除了一些非常具体的异常(exception)，它们仅用于更改内容的外观。不更改内容本身。

innerHTML 还有其他替代方案。 innerHTML 用于向元素添加 HTML 内容。

一个替代方案是 textContent。它将纯文本添加到元素。

var x = document.getElementById('foo');
x.textContent = 'text';

<button id="foo">Hello World</button>