將事件附加到j(luò)avascript中的動態(tài)元素我試圖將html數(shù)據(jù)動態(tài)插入到動態(tài)創(chuàng)建的列表中,但當(dāng)我試圖為動態(tài)創(chuàng)建的按鈕附加onClick事件時,事件不會觸發(fā)。解決方案將是非常感謝的。JavaScript代碼:document.addEventListener('DOMContentLoaded', function () {document.getElementById('btnSubmit').addEventListener('click', function () {
var name = document.getElementById('txtName').value;
var mobile = document.getElementById('txtMobile').value;
var html = '<ul>';
for (i = 0; i < 5; i++) {
html = html + '<li>' + name + i + '</li>';
}
html = html + '</ul>';
html = html + '<input type="button" value="prepend" id="btnPrepend" />';
document.getElementsByTagName('form')[0].insertAdjacentHTML('afterend', html);});
document.getElementById('btnPrepend').addEventListener('click', function () {
var html = '<li>Prepending data</li>';
document.getElementsByTagName('ul')[0].insertAdjacentHTML('afterbegin', html);});});HTML代碼:<form>
<div class="control">
<label>Name</label>
<input id="txtName" name="txtName" type="text" />
</div>
<div class="control">
<label>Mobile</label>
<input id="txtMobile" type="text" />
</div>
<div class="control">
<input id="btnSubmit" type="button" value="submit" />
</div></form>
將事件附加到j(luò)avascript中的動態(tài)元素
猛跑小豬
2019-07-15 19:30:34