dom 练习一 访问节点

原创 2012年03月28日 10:41:08

<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>

 

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

JS练习:Dom节点的CRUD操作

Untitled Document                      div{                 border:#00ccff 1px solid;           ...

Javascript_9_DOM_节点练习

DOM_节点练习 div{ border:#008FF0 solid 2px; width:100px; height:50px;...

js之DOM操作(访问父节点parentNode)

访问父节点parentNode 获取指定节点的父节点 语法: elementNode.parentNode 注意:父节点只能有一个。 看看下面的例子,获取 P 节点的父节点,代码如下: par...

DOM 访问节点

DOM 是这样规定的: 整个文档是一个文档节点 每个 HTML 标签是一个元素节点 包含在 HTML 元素中的文本是文本节点 每一个 HTML 属性是一个属性节点 注释属于注释节点 ...

JavaScript——高级——DOM——节点访问

节点访问 /*节点访问: ID: document.getElementById("ID值"); 标签名(TagName): document.getElem...

js之DOM操作(访问兄弟节点)

访问兄弟节点 1. nextSibling 属性可返回某个节点之后紧跟的节点(处于同一树层级中)。 语法: nodeObject.nextSibling 说明:如果无此节点,则该属性返回 nu...

通过 DOM您可访问 HTML 文档中的每个节点

查找并访问节点 方法: (1)通过使用 getElementById() 和 getElementsByTagName() 方法 (2)通过使用一个元素节点的 parentNode、firstC...

DOM节点访问关系与操作示例

一.DOM 访问关系(节点的获得)节点的访问关系,是以属性的方式存在的。 DOM的节点并不是孤立的,因此可以通过DOM节点之间的相对关系对它们进行访问。父节点 ( parentNode )调用者就...

05 JS-DOM之-间接获取节点(即访问关系)

获取节点方法 1.直接获取(id/className/tagName)(主要3种)(上文) 2.间接获取:访问关系获取(4种)本文 访问关系一共有四种:body案例 1 ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:dom 练习一 访问节点
举报原因:
原因补充:

(最多只允许输入30个字)