JavaScript html 切片

Question

例如，我希望文本仅显示“此处”，但它不起作用。文本经常变化，但我需要的单词保持在固定位置。我想访问该词。

我做错了什么？

function myFunction() {
    var x = document.getElementById("demo");
    var y = x.slice(16,19);
    document.getElementById("demo").innerHTML = y;
}

<p id="demo">Changable tekst here</p>

<button onclick="myFunction()">Try it</button>

Answer 1

x 是 DOM Node 对象，不能对其使用字符串方法。使用它的 innerHTML 属性来获取元素的innerHTML。

var x = document.getElementById("demo").innerHTML;
//                                      ^^^^^^^^^

此外，还可以使用 x.slice(16, 20); 从文本中获取单词 here。

<p id="demo">Changable tekst here</p>

<button onclick="myFunction()">Try it</button>

<script>
  function myFunction() {
    var x = document.getElementById("demo").innerHTML;
    var y = x.slice(16, 20);
    document.getElementById("demo").innerHTML = y;
  }
</script>