我想获取在 javascript 中动态创建的标签的文本,该标签是在 jade 中创建的。这是 Jade :
- for( var i = 0; i < groupsName.length; i++ ) {
li
a(href='JavaScript:validation(this)')
img(src='/images/edit.png', width='60', height='60', style='margin:8px 10px 10px 20px;')
h3 #{groupsName[0]}
label(for='groupsId' , id='labelid'+i ) #{groupsId[i]}
a(href='/groupdetails') Edit
- }
这是我的 javascript 代码:
function validation(val){
var valid=val.id;
alert(document.getElementById(valid).innerHTML);
}
最佳答案
不确定我是否正确解释了您的模板,但只要动态标签是触发验证的 anchor 标记的后代,这就应该有效:
首先将 href
替换为 onclick
,否则传递的 this
将引用 window
。生成的 anchor 标记应如下所示:
<a href="javascript:void(0);" onclick="validation(this);">
然后稍微调整一下你的函数:
function validation(anchor) {
var lbl = anchor.getElementsByTagName('label')[0];
alert(lbl.innerHTML);
alert(lbl.id);
}
关于javascript - 如何在javascript中获取动态创建的标签元素的id,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12573655/