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

源自：3-2 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 11:45

个回答

felix

2015-09-14 13:16:08

已采纳

<!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>
<script>
$(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