代码笔: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>最佳答案
试试这个:
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]。
关于javascript - 需要帮助调试功能更改，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45516600/