0

代码笔： https ://codepen.io/bgbs/pen/XaNOgM

我想要做的是让 JavaScript 在 td 中选择一个特定的单词，并用 span 包装它以进行进一步的样式设置。但由于某种原因它不想工作。有任何想法吗？

<style>
  .big {
    font-size: 55px;
  }
</style>
<script>
  function chng() {
    var text = document.getElementByTagName('td').innerHTML;
    var text2 = text.replace('Germany','<span class="big">Germany</span>');
    document.getElementByTagName('td').innerHTML = text2;
  }
</script>

<body>
  <table>
    <tr>
      <td>Brazil - England - Germany</td>
    </tr>
  </table>
  <button onclick="chng()">Try it</button>
</body>

4

1 回答 1

1

试试这个：

function chng(){
    var text = document.getElementsByTagName('td')[0].innerHTML;
    var text2 = text.replace('Germany','<span class="big">Germany</span>');
    document.getElementsByTagName('td')[0].innerHTML = text2;
}

你拼错了getElementsByTagName()。它返回 HTMLCollection 并且您需要获取第一个元素，因此document.getElementsByTagName('td')[0].

于 2017-08-04T23:08:44.133 回答