如何在javascript中獲取動態創建的標簽元素的id

Question

我想在javascript中獲取動態創建標簽的文本，這是在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);
 }

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

小提琴