如何通过JS获取动态的元素对象

如何通过JS获取动态的元素对象,第1张

可以这样:

<td name='fff"+wjxtgetId()+"' onclick="change(wjxtgetId())">

把id传进去

然后在JavaScript的

function change(id){

var obj=documentgetElementById('ff'+wjxtgetId())value;

//do something

}

这是获得每个tr 中td 的内容

<script>

$('#myTableProduct tr')each(function(index,ele){

$(this)find('td')each(function(index,ele){

alert($(ele)html());

})

})

</script>

不用谢我

------君少

为td标签增加id属性,如下:

<td id="thistd"></td>

利用document对象可以得到对应id控件的内容。js代码如下:

documentgetElementById("thistd")innerHTML

建议:增加控件的时候,尽量配置id属性。用于js脚本或css样式 *** 作。

function getByClass(oParent, sClass) { //根据class获取元素

var oReasult = [];

var oEle = oParentgetElementsByTagName("");

for (i = 0; i < oElelength; i++) {

if (oEle[i]className == sClass) {

oReasultpush(oEle[i])

}

};

return oReasult;

}

因为在网页的加载过程中是从上往上慢慢加载的(一般你打开网页可以看到页面加载时和文字的显示都从上往下慢慢显示的),因此当加载到你的JS代码时,此时JS去找pre标签,而此时pre标签还未加载,所以不可能找到,但是如果你这段JS放在pre标签的后面就会显示正常。

解决办法有三种:

1、同一楼所说的,在body标签中加入 onload=函数名,该函数名对应的函数体就是你这段JS代码。

2、对<script language="javascript" type="text/javascript">稍作修改,:<script language="javascript" type="text/javascript" defer="true">加入defer标签,意味着这段JS代码延迟加载。

3、可以使用jQuery库,

<script language="javascript" type="text/javascript">

$(function(){

你的JS代码

})

</script>

以上就是关于如何通过JS获取动态的元素对象全部的内容,包括:如何通过JS获取动态的元素对象、html JS 获取tr/td 表单元素下面的各个值、javascript如何获取td里的文本的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

    保存