                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /DOM探索之基础详解篇

请问我用DOM JS获取不到我js动态添加的元素的内容

<<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8"/>
       <title>test</title>
       <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
       <script src="test.js" type="text/javascript"></script>
   </head>
   <body>
       <button>增加</button>
       <ul id="ullist"></ul>
   </body>
</html>

$(document).ready(function(){
   $("button").click(function(){
       var frag=document.createDocumentFragment();
       var li=document.createElement("li");
       li.innerHTML="<input id='testli' type='button' value='切换' title='1'/>";
       frag.appendChild(li);
       document.getElementById("ullist").appendChild(frag);
   })

   var getli=document.getElementsByTagName("input");

   getli[0].onclick=function(){
       alert("1");
   }
})

Jarvis丶丶丶

2015-09-14

源自：DOM探索之基础详解篇 3-2

关注问题我要回答

11101

操作

收起

1 回答

felix
2015-09-14

<!DOCTYPE html>

<html>

<head>

</head>

<body>

</body>

</html>

$(document).ready(function(){

$("button").click(function(){

var frag=document.createDocumentFragment();

var li=document.createElement("li");

li.innerHTML="<input id='testli' type='button' value='切换' title='1'/>";

frag.appendChild(li);

document.getElementById("ullist").appendChild(frag);

var getli=document.getElementsByTagName("input");

getli[0].onclick=function(){

alert("1");

}

})

</script>

1 回复有任何疑惑可以回复我~

收起回答

Jarvis丶丶丶提问者

谢谢。这个问题解决了，原来是要把onclick事件写在上面个添加事件里那么问题又来了我遍历每个input $("input").each(function(){ $(this).click(function(){ alert("1"); }) }) 然后会出现问题当你添加1个按钮的时候是正常的当你添加2个按钮的时候第一个按钮会alert2次如果添加20个按钮的时候第一个按钮会alert20次