js实现获取父元素下的子元素,如下的代码,我想通过getElementByClassName获取到标签table,

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js实现获取父元素下的子元素,如下的代码,我想通过getElementByClassName获取到标签table,相关的知识,希望对你有一定的参考价值。

然后获取到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" 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了

参考技术A Jquery可以通过$(".tips2")直接获取<td class="tips2"> 23456fvbg </td>
通过$(".tbeTarget")直接获取table
参考技术B 两种方法:
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。本回答被提问者采纳

iframe获取父子窗口的元素和方法

jQuery、js调用iframe父窗口与子窗口元素的方法(亲测有效)
子页面获取父页面的id=care的子页面
parent.care.location.reload();
父页面获取id=imp的子页面
imp.location.reload();
1. jquery在iframe子页面获取父页面元素和方法代码如下:
parent.$("selector");
parent.method();
 
2. jquery在父页面获取iframe子页面的元素和方法
代码如下:
iframe.$("select");
iframe.method();
 
3.js在iframe子页面获取父页面元素代码如下:
window.parent.document.getElementById("元素id");
 
4.js在父页面获取iframe子页面元素代码如下:
window.frames["iframe_ID"].document.getElementById("元素id");
 
方法调用
父页面调用子页面方法:FrameName.window.childMethod();
子页面调用父页面方法:parent.window.parentMethod();
 
DOM元素访问
获取到页面的window.document对象后,即可访问DOM元素

以上是关于js实现获取父元素下的子元素,如下的代码,我想通过getElementByClassName获取到标签table,的主要内容,如果未能解决你的问题,请参考以下文章

js中父元素如何获得元素的子元素么

javascript 怎么获取父元素的子元素个数呢

JavaScript,已获取到父元素并且已知该父元素的某子元素的name属性,怎么获取到相应的子元素?

CSS父元素的子元素样式控制另一子元素怎么实现?

DOM中如何获取一个元素的子元素?

div子元素无法调整