A JavaScript Fancier

伟大的javascript技术研究中...

  IT博客 :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理 ::
  304 随笔 :: 0 文章 :: 479 评论 :: 0 Trackbacks


利用dom的树可以不用id就可以修改相关内容,如修改每个超链接前面的文本框的值。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
>

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  
<title></title>
</head>
<body>
<table>
<tr>
<td>
<input id="hehe" type="text" value="1"><href="#" onclick="this.previousSibling.value++">+</a>
</td>
<td>
<input id="hehe" type="text" value="1"><href="#" onclick="this.previousSibling.value++">+</a>
</td>
<td>
<input id="hehe" type="text" value="1"><href="#" onclick="this.previousSibling.value++">+</a>
</td>
</tr>
</table>
</body>
</html>
这里主要使用previousSibling属性访问前一个节点,从而达到改变前一个文本框值的效果。

posted on 2006-06-30 18:46 Yemoo'S JS Blog 阅读(979) 评论(1)  编辑 收藏 引用 所属分类: javascript个人作品

评论

# re: 使用Dom改变超链接之间的转换 2013-04-01 21:20 江鑫
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">">http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>图片</title>
<script type="text/javascript">
function repNode(){


}
</script>
</head>

<body>
<form>
<a href="作业2.html"><h1>搜狐</h1></a>
<input type="button" name="button" id="button" value="使用DOm改变连接" onclick="repNode()"/>
</form>
</body>
</html>
--------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">">http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>替换</title>
</head>

<body>
<form>
<a href="图片.html"><h1>新浪</h1></a>

<input type="button" name="button" id="button" value="使用DOm改变连接" />
</form>


</body>
</html>
  回复  更多评论
  

只有注册用户登录后才能发表评论。