Question

我想要做的就是在最后<td>个<span>标记之后添加一些文字。
有什么建议？这个例子不起作用：

示例如下所示：

＆＃13;

 function myFunction() {
   var x = document.getElementsByTagName("td")[2].innerHTML;
   x.innerHTML = "<span>hey</span>"
 }

 window.onload = function() {
   myFunction();
 }

＆＃13;

<table>
  <tr id="first">
    <td>one</td>
    <td>two</td>
    <td>three</td>
  </tr>
</table>

＆＃13;

Answer 1

innerHTML将返回字符串。返回值没有方法innerHTML

变量x在示例中包含字符串。您正在调用返回的字符串x.innerHTML，该字符串不存在。

试试这个：

＆＃13;

function myFunction() {
  var x = document.getElementsByTagName("td")[2];
  x.innerHTML = "<span>hey</span>";
}
window.onload = myFunction;

＆＃13;

<table>
  <tr id="first">
    <td>one</td>
    <td>two</td>
    <td>three</td>
  </tr>
</table>

＆＃13;

如果要在现有文本之后附加span元素，请使用：

＆＃13;

function myFunction() {
  document.getElementsByTagName("td")[2].innerHTML += "<span>hey</span>";
}
window.onload = myFunction;

＆＃13;

<table>
  <tr id="first">
    <td>one</td>
    <td>two</td>
    <td>three</td>
  </tr>
</table>

＆＃13;

Answer 2

function myFunction() {   var x=document.getElementsByTagName("td")[2];
                      
x.innerHTML="<span>hey</span>"}
window.onload = function() {
myFunction();
}

<table>
<tr id="first">
<td>one</td>
<td>two</td>
<td>three</td>
</tr>
</table>

在表格中添加新标签

2 个答案: