Javascript 无法修改模板的内容 () - 编辑 删除 电影功能（片名、年份、等级）{ let template=document.querySelector（“#entry temp”）； 让tempNode=document.importNode（template.content，true）； tempNode.querySelector（“#li movie title”）.innerHTMl=title； tempNode.querySelector（“#li电影年”）.innerHTMl=year； tempNode.querySelector（“#li movie rating”）.innerHTMl=rating； 让moviePanel=document.getElementById（“电影面板”）； 警报（tempNode.innerHTMl）； moviePanel.appendChild（tempNode）； }

该警报提示我未定义，tempNode是一个

文档片段

还有，有没有更好的方法用JavaScript打印标签以进行调试？

---

例如，如何检查我是否真的写了

标题

，

年份

，以及

评级

您确定

alert

中的

innerHTML

语句在原始代码中没有拼写错误吗？您可以使用

console.log

而不是

alert

。它将打印到浏览器的控制台（在Chrome/Firefox上按F12键，单击控制台选项卡并查看实时打印的输出）。还可以看到：嗯，很好的接球。。这是拼法。。。。谢谢你们所有的时间。。。。。。

<template id="entry-temp">
    <li id="movie-list">
        <span id="movie-info"> <span id = "li-movie-title"></span> (<span id = "li-movie-year"></span>) - <span id = "li-movie-rating"></span></span>
        <button type="submit" id="movie-edit" name="movie-edit">edit</button>
        <button type="submit" id="movie-delete" name="movie-delete">delete</button>
    </li>
</template>



function appendMovie(title, year, rating) {
    let template = document.querySelector("#entry-temp");
    let tempNode = document.importNode(template.content, true);
    tempNode.querySelector("#li-movie-title").innerHTMl = title;
    tempNode.querySelector("#li-movie-year").innerHTMl = year;
    tempNode.querySelector("#li-movie-rating").innerHTMl = rating;

    let moviePanel = document.getElementById("movie-panel");
    alert(tempNode.innerHTMl);
    moviePanel.appendChild(tempNode);
}