<!DOCTYPE html>
<html lang="utf-8">
<body>
<ul ><li>Coffee</li><li >Tea</li><li >Milk</li></ul>
<table id="myList">
<tr id = "tr1"><td>Coffee</td><td>1</td></tr>
<tr id = "tr2"><td>Tea</td><td>2</td></tr>
<tr id = "tr3"><td>Milk</td><td>3</td></tr>
<tr id = "tr4"><td>Fruit</td><td>4</td></tr>
</table>
<script>
window.onload = function(){
var textnode =document.createTextNode("<td>1111</td>");
var item=document.getElementById("myList").childNodes[1];
var tr3=document.getElementById("tr3");
//替换2 3位置交换
item.replaceChild(tr3,item.childNodes[1]);
}
</script>
</body>
</html>
Table 交换行tr标签
最新推荐文章于 2022-07-14 23:31:36 发布