Question

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

的功能

**onclick = myFunc()**


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

所以我的问题是，我可以使用哪些属性来改变文本

Answer 1

没有。＆＃34;样式和＃34;属性用于造型。除了一些非常具体的例外，它们仅用于更改内容的外观。不改变内容本身。

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

另一种选择是textContent。这会在元素中添加纯文本。

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 2

您可以使用以下方式设置文字：

<script>
    function myFunc(){
      var x = document.getElementById('btntext');
      x.style.color = "green";
      x.style.fontSize = "large";
      x.value = "This is new TExt";
   }
</script>
<body>
<input type="text" id="btntext" value="This test"/>
<button onClick="myFunc()" name="send">change color</button>
</body>

Answer 3

＆＃13;

function changeText(id) {
    id.innerHTML = "Text has been changed!";
}

＆＃13;

<h1 onclick="changeText(this)">Click on this text!</h1>

＆＃13;

如何在html，css中使用style属性更改文本

3 个答案: