Javascript 是否使用GetElementById添加另一个元素？

假设这是一个HTML代码：

<tr>
    <td>Wusool</td>
    <td id="yasel">
        15:12 
    </td>
</tr>

乌索尔
15:12 

我想将其更改为以下html代码：

<tr>
    <td>Wusool</td>
    <td id="yasel">
        15:12 
    </td>
</tr>
<tr>
    <td>Ersal</td>
    <td id="sent">
        20:12
    </td>
</tr>

乌索尔
15:12 
埃萨尔
20:12

如何使用GetElementById来执行此操作

---

提前感谢。

获取elementbyID后，获取parent元素（我手头没有代码，但您可以用谷歌搜索如何获取html getelementbyID的parent元素）。然后添加子元素

获取elementbyID后，获取parent元素（我手头没有代码，但您可以用谷歌搜索如何获取html getelementbyID的parent元素）。然后添加子元素

var tr = document.getElementById('yasel').parentNode,
    new_tr = tr.parentNode.insertRow( tr.rowIndex + 1 ),
    new_td;

new_tr.insertCell(0).innerHTML = 'Erasel';

(new_td = new_tr.insertCell(1)).innerHTML = '20:12';
new_td.id = "sent";

---

在HTML头中尝试以下代码：

<script language="javascript" type="text/javascript" >
    function ChangeValue(element_id, val) {
        var elm = document.getElementById(element_id);
        elm.innerHTML = val;
    }
</script>

函数更改值（元素id，val）{
var elm=document.getElementById（元素id）；
elm.innerHTML=val；
}

在HTML正文中尝试以下操作：

<table>
    <tr>
        <td>
            <span id="box1"></span>
        </td>
        <td>
            <span id="box2"></span>
        </td>
        <td>
            <span id="box3"></span>
        </td>
    </tr>
</table>
<input type="button" id="btn_change1" value="Change Value" onclick="ChangeValue('box1','22:30')" />
<input type="button" id="btn_change2" value="Change Value" onclick="ChangeValue('box2','11:10')" />
<input type="button" id="btn_change3" value="Change Value" onclick="ChangeValue('box3','21:35')" />

---

在HTML头中尝试以下代码：

<script language="javascript" type="text/javascript" >
    function ChangeValue(element_id, val) {
        var elm = document.getElementById(element_id);
        elm.innerHTML = val;
    }
</script>

函数更改值（元素id，val）{
var elm=document.getElementById（元素id）；
elm.innerHTML=val；
}

在HTML正文中尝试以下操作：

<table>
    <tr>
        <td>
            <span id="box1"></span>
        </td>
        <td>
            <span id="box2"></span>
        </td>
        <td>
            <span id="box3"></span>
        </td>
    </tr>
</table>
<input type="button" id="btn_change1" value="Change Value" onclick="ChangeValue('box1','22:30')" />
<input type="button" id="btn_change2" value="Change Value" onclick="ChangeValue('box2','11:10')" />
<input type="button" id="btn_change3" value="Change Value" onclick="ChangeValue('box3','21:35')" />

---

使用javascript，您可以像

var td_elem = document.getElementById('yasel');
var tr_elem = td_elem.parentNode;
var table_elem = tr_elem.parentNode;

table_elem.innerHTML = table_elem.innerHTML + '<tr><td>Ersal</td><td id="sent">20:12</td></tr>';

var td_elem=document.getElementById（'yasel'）；
var tr_elem=td_elem.parentNode；
var table_elem=tr_elem.parentNode；
table_elem.innerHTML=table_elem.innerHTML+'Ersal20:12'；

小提琴：

但您必须尝试使用jquery，它是一个非常好的javascript框架。 您可以使用jQuery轻松地完成它

$('#yasel').parent().parent().append('<tr><td>Ersal</td><td id="sent"> 20:12 </td></tr>');

$（'#yasel'）.parent（）.parent（）.append（'Ersal 20:12'）；

使用javascript，您可以像

var td_elem = document.getElementById('yasel');
var tr_elem = td_elem.parentNode;
var table_elem = tr_elem.parentNode;

table_elem.innerHTML = table_elem.innerHTML + '<tr><td>Ersal</td><td id="sent">20:12</td></tr>';

var td_elem=document.getElementById（'yasel'）；
var tr_elem=td_elem.parentNode；
var table_elem=tr_elem.parentNode；
table_elem.innerHTML=table_elem.innerHTML+'Ersal20:12'；

小提琴：

但您必须尝试使用jquery，它是一个非常好的javascript框架。 您可以使用jQuery轻松地完成它

$('#yasel').parent().parent().append('<tr><td>Ersal</td><td id="sent"> 20:12 </td></tr>');

$（'#yasel'）.parent（）.parent（）.append（'Ersal 20:12'）；

您是否在正确的问题下发布了答案？看起来你在回答一个完全不同的问题。你把答案贴在正确的问题下面了吗？似乎您在回答一个完全不同的问题。这是属性

parentNode

：

document.getElementById（'id'）。parentNode

；）有一个属性

parentNode

：

document.getElementById（'id'）。parentNode

；）你真的不应该做像

table_elem.innerHTML=table_elem.innerHTML+'…'

这样的事情。这是非常具有破坏性的，需要的开销比需要的多得多。你真的不应该做像

table\u elem.innerHTML=table\u elem.innerHTML+'…'

这样的事情。这是非常具有破坏性的，需要比需要多得多的开销。