Question

Codepen：https://codepen.io/bgbs/pen/XaNOgM

我尝试做的是让JavaScript在td中选择一个特定的单词，并用span包装它以进一步设计样式。但它不想因某种原因而工作。有什么想法吗？

＆＃13;

<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>

＆＃13;

Answer 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]。

需要帮助调试功能更改

1 个答案: