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

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

<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=documentgetElementsByTagName("table"); 这个就获取到了所有的table标签,返回值是数组类型的

像你这个代码的话,只有个一个table,那 o[0]就是你要的table标签了

实在要用getElementByClassName的话,

var o=documentgetElementByClassName("tbeTarget");

var ot=ogetElementsByTagName("td"); //直接用ogetElementByClassName("tips2")应该也可以

for(var i=0;i<otlength;i++){

if(ot[i]class=="tips2"){

alert(ot[i]); //在这if里面,用ot[i]调用到的就是你要的 tips2了

}

}

jqLite in angularjs

angularelement("#element-id")

这是一个DOM *** 作。Angular不会帮助你获得DOM的某个属性。

你需要使用的是DOM选择器,不管是原生的也好或者像jQuery这样的库也好。

获取ID的目标地是为了 *** 作DOM, Angular的设计思想不是这样的, 你应该用directive代替

directive的link函数已经把作用域,元素,属性数组注入到link函数调用的参数当中了

link(scope,element,attrs)

关于directive的详细解释,请参考: 创建自定义"指令"

需要准备的材料分别是:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:indexhtml。

2、在indexhtml的<script>标签中,输入js代码:var a = [123, 567, 86, 90, 234];var b = aslice(1, 3);documentbodyinnerText = b;。

3、浏览器运行indexhtml页面,此时只会打印出数组第2-3个元素。

以上就是关于js实现获取父元素下的子元素,如下的代码,我想通过getElementByClassName获取到标签table,全部的内容,包括:js实现获取父元素下的子元素,如下的代码,我想通过getElementByClassName获取到标签table,、angularjs获取当前元素下标、JS中如何获取数组中的一部分元素等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9667968.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-30
下一篇2023-04-30

发表评论

登录后才能评论

评论列表(0条)

    保存