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;           ...
  • zunguitiancheng
  • zunguitiancheng
  • 2015年06月25日 20:11
  • 796

2016.11.11 HTML DOM(对象方法 属性 访问 修改 事件 导航节点)

对象方法:getElementsByTagName() 返回包含带有指定标签名称的所有元素的节点列表(集合/节点数组)。getElementsByClassName()     返回包含带有指定类名的...
  • qq_36434014
  • qq_36434014
  • 2016年11月11日 11:18
  • 283

DOM07---通过节点的层次关系获取节点对象

function getNodeByLevel() { var tabNode
  • zheng0518
  • zheng0518
  • 2013年05月30日 04:57
  • 1395

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

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

DOM对象-节点的操作

上篇整理的是dom对象的一些基本知识,好久也没来写博客了,以后一定要养成习惯啊啊~~ 废话少说,直接进入正题,这次整理的是dom对象节点的操作,可以通过操作dom节点对html进行修改等、 ...
  • a920119797
  • a920119797
  • 2017年03月19日 23:10
  • 323

js 调用 DOM js练习入门

  • amnotsuperior
  • amnotsuperior
  • 2015年06月14日 12:30
  • 281

DOM节点的作用

什么是DOM ? DOM即“文档对象模型”。基于语义的逻辑结构,DOM将网页内的元素与内容呈现为一个清晰、易读的树状模型。在这个理想化的树状模型中,任何一个元素或是内容,都只有自己唯一的一个...
  • u013883025
  • u013883025
  • 2015年07月16日 16:36
  • 641

第二章 DOM初识之节点的属性和操作

2.4 DOM的属性nodeName文档里的每个节点都有以下属性。 nodeName:一个字符串,其内容是给定节点的名字。 var name = node.nodeName; * 如果节点...
  • ChiXueZhiHun
  • ChiXueZhiHun
  • 2016年02月25日 11:28
  • 1523

03 JS-DOM之--节点属性操作方法(2种)附案例源码

属性操作两种方法: 1、 dom对象.属性 == dom对象[属性] ; 2、 dom对象.get/set/removeAttribute() 获取属性:dom对...
  • luyu13141314
  • luyu13141314
  • 2016年11月29日 18:26
  • 431

DOM获取节点的兄弟,父节点,子节点

先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比。 JS的方法会比JQUERY麻烦很多,主要则是因为FF浏览器,FF浏览器会把你的换行也当最DOM元素 ...
  • HTX_HelloWorld
  • HTX_HelloWorld
  • 2014年11月04日 20:04
  • 5348
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:dom 练习一 访问节点
举报原因:
原因补充:

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