关闭

dom 练习一 访问节点

139人阅读 评论(0) 收藏 举报

<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js">
</script>
<title>Dom</title>
</head>
<script language="JavaScript">
function removeFirst(){
 var x = document.getElementById("first");
 x.parentNode.removeChild(x);
 
 var l = document.getElementById("last");
 var vTr = document.getElementsByTagName("tr")
 if(vTr != null){
  vTr[0].removeChild(l);
 }
 $("input").hide("slow");  // hide the button, in case the click the button again.
}
</script>

<body>
<table>
<input type="button" value="click" onclick='removeFirst();'>
 <tr>
  <td id="first">John</td>
  <td id="second">Doe</td>
  <td id="last">Alaska</td>
 </tr>
</table>
</body>
</html>

 

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:70585次
    • 积分:923
    • 等级:
    • 排名:千里之外
    • 原创:25篇
    • 转载:33篇
    • 译文:0篇
    • 评论:6条
    文章分类
    最新评论