本文通过一个具体的HTML页面示例，介绍了如何使用JavaScript来操作DOM元素，包括如何获取指定元素及其父元素，并改变其背景颜色。
function setvalue(v,o)
{
//var obj=document.getElementById('batchRate');
//windows.
alert(o.parentNode.innerHTML);
alert(o.parentNode); //parentNode此处也是获取父控件
alert(o.parentElement); //parentElement此处也是获取父控件
alert(o.parentElement.parentNode); //parentElement.parentNode此处也是获取父控件
//o.parentNode.bgColor="red";
o.parentElement.parentNode.bgColor="red";
}
事例:
<html>
<head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 1</title>
</head>
<script>
function setvalue(v,o)
{
//var obj=document.getElementById('batchRate');
//windows.
alert(o.parentNode.innerHTML);
alert(o.parentNode);
alert(o.parentElement);
//o.parentNode.bgColor="red";
o.parentElement.parentNode.bgColor="red";
}
</script>
<body>
<table border="1" width="100%" id="table1">
<tr>
<td width="250"><a onclick="setvalue('abc',this)">dfsdfdsfdsa</a></td>
<td> </td>
<td> </td>
</tr>
<tr>
<td width="250"> </td>
<td><a onclick="setvalue('abc',this)">dfsdfdfsdfdsfsdfdsfsdfddsfdsa</a></td>
<td> </td>
</tr>
</table>
</body>
</html>
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
