js实现获取父元素下的子元素，如下的代码，我想通过getElementByClassName获取到标签table，
然后获取到tip2，而不是直接getElementByClassName("tip2")，这个该怎么写哇求大神指教<body><tableclass="tbeTarget...
然后获取到tip2，而不是直接getElementByClassName("tip2")，这个该怎么写哇 求大神指教
<body>
<table class="tbeTarget">
<tr>
<td class="tips1"> 12345abcd </td>
<td class="tips2"> 23456fvbg </td>
</tr>
</table>
<input type="button" onclick="getTdValue();" value="GETTDVALUE">
</body> 展开
<body>
<table class="tbeTarget">
<tr>
<td class="tips1"> 12345abcd </td>
<td class="tips2"> 23456fvbg </td>
</tr>
</table>
<input type="button" onclick="getTdValue();" value="GETTDVALUE">
</body> 展开
展开全部
<body>
<table class="tbeTarget" id="tbeTarget">
<tr>
<td class="tips1" id="tips1"> 12345abcd </td>
<td class="tips2" id="tips2"> 23456fvbg </td>
</tr>
</table>
<input type="button" onclick="getTdValue();" value="GETTDVALUE">
</body>
获取标签建议还是用ID来获取,简单方便
用getElementById("tbeTarget")可获取table
用getElementById("tips2")可获取到tips2
有ID的话,getElementById("tbeTarget").tips2也能得到你要的 tips2
特殊情况实在不能用ID时,也可用getElementsByTagName
var o=document.getElementsByTagName("table"); 这个就获取到了所有的table标签,返回值是数组类型的
像你这个代码的话,只有个一个table,那 o[0]就是你要的table标签了
实在要用getElementByClassName的话,
var o=document.getElementByClassName("tbeTarget");
var ot=o.getElementsByTagName("td"); //直接用o.getElementByClassName("tips2")应该也可以
for(var i=0;i<ot.length;i++){
if(ot[i].class=="tips2"){
alert(ot[i]); //在这if里面,用ot[i]调用到的就是你要的 tips2了
}
}
<table class="tbeTarget" id="tbeTarget">
<tr>
<td class="tips1" id="tips1"> 12345abcd </td>
<td class="tips2" id="tips2"> 23456fvbg </td>
</tr>
</table>
<input type="button" onclick="getTdValue();" value="GETTDVALUE">
</body>
获取标签建议还是用ID来获取,简单方便
用getElementById("tbeTarget")可获取table
用getElementById("tips2")可获取到tips2
有ID的话,getElementById("tbeTarget").tips2也能得到你要的 tips2
特殊情况实在不能用ID时,也可用getElementsByTagName
var o=document.getElementsByTagName("table"); 这个就获取到了所有的table标签,返回值是数组类型的
像你这个代码的话,只有个一个table,那 o[0]就是你要的table标签了
实在要用getElementByClassName的话,
var o=document.getElementByClassName("tbeTarget");
var ot=o.getElementsByTagName("td"); //直接用o.getElementByClassName("tips2")应该也可以
for(var i=0;i<ot.length;i++){
if(ot[i].class=="tips2"){
alert(ot[i]); //在这if里面,用ot[i]调用到的就是你要的 tips2了
}
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
Jquery可以通过$(".tips2")直接获取<td class="tips2"> 23456fvbg </td>
通过$(".tbeTarget")直接获取table
通过$(".tbeTarget")直接获取table
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
两种方法：
1、
var otbeTarget=document.getElementsByClassName("tbeTarget")[0]; //获取table
var otips2=otbeTarget.getElementsByClassName("tips2"); //获取table下的td
2、
var otips2=document.getElementsByClassName("tbeTarget")[0].getElementsByClassName("tips2"); //获取table下的td
然后otips2就是你要获取的td。
1、
var otbeTarget=document.getElementsByClassName("tbeTarget")[0]; //获取table
var otips2=otbeTarget.getElementsByClassName("tips2"); //获取table下的td
2、
var otips2=document.getElementsByClassName("tbeTarget")[0].getElementsByClassName("tips2"); //获取table下的td
然后otips2就是你要获取的td。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
