绝坊 2021-02-19 10:18 采纳率: 66.7%
浏览 130
已结题

我用 insertAdjacentHTML嵌入的html的代码，无法执行我的js事件呢？各位大佬，急

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Todo_记事本</title>
    <link rel="stylesheet" href="Todo.css">
</head>

<body>
    <input type="text" placeholder="What needs to do done?" id="shuru">
    <div class="xiangmu"><input type="checkbox" class="xuanze">
        <div class="contact">${todo}</div><img src="./第三轮考核image/关闭1.png" class="guanbi"></div>
    <div class="function">
        <div class="items-left">items-left</div>
        <div class="all-list">All</div>
        <div class="Active">Active</div>
        <div class="completed">Completed</div>
        <div class="clear-completed">clear-completed</div>
    </div>

<script>
var xuanze = document.getElementsByClassName('xuanze');
var shuru = document.querySelector('#shuru'); //输入框
var contact = document.querySelector('.contact'); //项目框
var xiangmu = document.querySelector('.xiangmu');


var todocontact = function(todo) {

    var s = `<div class="xiangmu"><input type="checkbox" class="xuanze"> <div class="contact">${todo}</div><img src="./第三轮考核image/关闭1.png" class="guanbi"></div>`

    return s;
}
var insert = function(todo) {
    shuru.insertAdjacentHTML('afterend', todocontact(todo))

}
shuru.onkeydown = function() {
        var ev = window.event;
        if (ev.keyCode == 13) { // 如（ev.ctrlKey && ev.keyCode==13）为ctrl+Center 触发
            var todo = shuru.value;
            insert(todo);


        }
    } //回车触发

var guanbi = document.getElementsByClassName('guanbi');
for (var i = 0; i < guanbi.length; i++) {
    guanbi[i].onclick = function() {
        xiangmu.remove();
        console.log('shanchu');

    }
}
</script>
</body>

</html>
  • 写回答

3条回答 默认 最新

  • 绝坊 2021-02-19 10:18
    关注

    真的不知道，为啥，思索了很久，一直没答案，还是大一的学生

    评论

报告相同问题？

问题事件

  • 已结题 （查看结题原因） 6月12日