为什么jquery操作dom元素不起作用？
<html><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><head><title>DO...
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<head>
<title>DOM-动态添加和删除元素</title>
<style type="text/css">
body,td,caption,input{ font-size:12px; }
.test { border-collapse:collapse; }
.test td { border:1px solid #ccc; line-height:150%; }
</style>
代码如上，不知道出错在哪里，好多次出现这种情况了，有时起作用，有时就不起作用，不知道为什么，请高人指点。
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<head>
<script type="text/javascript">
function addNode(){
var row = document.createElement("tr");
var column = document.createElement("td");
column.appendChild(document.createTextNode("test"));
row.appendChild(column);
doclument.getElementById("div1").appendChild(row);
doclument.getElementById("div1").show();
}
</script>
</head>
<body style="text-align:center">
<div id="div1"></div>
<a href="#" onclick="addNode();">add</a>
</body>
</html> 展开
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<head>
<title>DOM-动态添加和删除元素</title>
<style type="text/css">
body,td,caption,input{ font-size:12px; }
.test { border-collapse:collapse; }
.test td { border:1px solid #ccc; line-height:150%; }
</style>
代码如上，不知道出错在哪里，好多次出现这种情况了，有时起作用，有时就不起作用，不知道为什么，请高人指点。
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<head>
<script type="text/javascript">
function addNode(){
var row = document.createElement("tr");
var column = document.createElement("td");
column.appendChild(document.createTextNode("test"));
row.appendChild(column);
doclument.getElementById("div1").appendChild(row);
doclument.getElementById("div1").show();
}
</script>
</head>
<body style="text-align:center">
<div id="div1"></div>
<a href="#" onclick="addNode();">add</a>
</body>
</html> 展开
2个回答
展开全部
tr,td元素是与table元素一起使用的,不能单独使用
<table>
<tbody>
<tr><td></td></tr>
</tbody>
</table>
而且tr插入到table后会自动添加tbody，所以实际上tr不是table的child，在操作tr的时候要注意
$("table>tr")是选不到东西的
<table>
<tbody>
<tr><td></td></tr>
</tbody>
</table>
而且tr插入到table后会自动添加tbody，所以实际上tr不是table的child，在操作tr的时候要注意
$("table>tr")是选不到东西的
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
