Question

我有一个简单的html页面

＆＃13;

<body>
<button type="button" id="button1" onclick="foo()">Result!</button>
  <script type="text/javascript">
  function foo() {
    var button = document.getElementById("button1");
  }
  </script>
</body>

＆＃13;

我想在点击时更改按钮标题标题可能包含HTML标记，我希望它按原样显示（没有格式化）。

我已尝试过 this 帖子中建议的方式，并且它适用于常规文字。不幸的是，它格式化HTML标记并且不会显示非格式化文本：

＆＃13;

<body>
<button type="button" id="button1" onclick="foo()">Result!</button>
  <script type="text/javascript">
  function foo() {
    var button = document.getElementById("button1");
    button.innerHTML = "<strong>my text</strong>"
  }
  </script>
</body>

＆＃13;

要明确，我希望标题为<strong>my text</strong>而不是我的文字。

那么在按钮内呈现非格式化文本的正确方法是什么？

Answer 1

innerText 属性可以完成工作：

＆＃13;

<body>
<button type="button" id="button1" onclick="foo()">Result!</button>
  <script type="text/javascript">
  function foo() {
    var button = document.getElementById("button1");
    button.innerText = "<strong>my text</strong>"
  }
  </script>
</body>

＆＃13;

注意： Firefox不支持innerText，但有自己的属性名为 textContent ，可以使用它。

将HTML中的按钮标题设置为非格式化文本

1 个答案: