如何在javascript中获取动态创建的标签元素的id

【问题标题】：How to get the id of a dynamically created label element in javascript如何在javascript中获取动态创建的标签元素的id
【发布时间】：2012-09-24 22:11:55
【问题描述】：

我想在 javascript 中获取动态创建的标签的文本，该标签是在玉中创建的。这是玉：

- 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);
 }

【问题讨论】：

它不工作吗？警告框中显示什么？你有任何错误吗？
img #{groupsId[i ]}

标签： javascript jquery html pug

【解决方案1】：

不确定我是否正确解释了您的模板，但只要动态标签是触发验证的锚标记的后代，这应该可以工作：

首先将href 替换为onclick，否则传递的this 将引用window。生成的锚标记应如下所示：

<a href="javascript:void(0);" onclick="validation(this);">

然后稍微调整你的功能：

function validation(anchor) {
    var lbl = anchor.getElementsByTagName('label')[0];
    alert(lbl.innerHTML);
    alert(lbl.id);
}

Fiddle

【讨论】：