[英]Add another element using GetElementById?
Let's say that this' an HTML code: 假设这是一个HTML代码:
<tr>
<td>Wusool</td>
<td id="yasel">
15:12
</td>
</tr>
and I want to change it into this html code: 我想将其更改为以下html代码:
<tr>
<td>Wusool</td>
<td id="yasel">
15:12
</td>
</tr>
<tr>
<td>Ersal</td>
<td id="sent">
20:12
</td>
</tr>
How can I use GetElementById to do this? 如何使用GetElementById执行此操作?
Thanks in advance. 提前致谢。
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";
After getting elementbyID, get parent element (I don't have code handy, but you can google how to get parent element for html getelementbyID). 获取elementbyID之后,获取父元素(我没有方便的代码,但是您可以通过Google搜索如何获取html getelementbyID的父元素)。 Then add child element.
然后添加子元素。
Try This Code in HTML Head: 在HTML Head中尝试以下代码:
<script language="javascript" type="text/javascript" >
function ChangeValue(element_id, val) {
var elm = document.getElementById(element_id);
elm.innerHTML = val;
}
</script>
Try This in HTML body: 在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')" />
using javascript you can do it as 使用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>';
fiddle : http://jsfiddle.net/4MJuS/ 小提琴: http : //jsfiddle.net/4MJuS/
but you must try using jquery, it is a very good framework for javascript. 但是您必须尝试使用jquery,它是javascript的非常好的框架。 you can do it vary easily using jQuery
您可以使用jQuery轻松地改变它
$('#yasel').parent().parent().append('<tr><td>Ersal</td><td id="sent"> 20:12 </td></tr>');
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.