利用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"><a href="#" onclick="this.previousSibling.value++">+</a>
</td>
<td>
<input id="hehe" type="text" value="1"><a href="#" onclick="this.previousSibling.value++">+</a>
</td>
<td>
<input id="hehe" type="text" value="1"><a href="#" onclick="this.previousSibling.value++">+</a>
</td>
</tr>
</table>
</body>
</html>
这里主要使用previousSibling属性访问前一个节点,从而达到改变前一个文本框值的效果。