<html>
<body>
<div id="div1">
<button id="btn1">click me to show line </button>
<button id="btn2">click me to hide line </button>
</div>
<script>
var lines = ["line1", "line2", "line3"];
var button1 = document.getElementById("btn1");
button1.addEventListener("click", myfunction1);
function myfunction1 () {
var show = document.getElementById("div1");
var crt = document.createElement("p");
crt.innerText = lines[0];
show.appendChild(crt);
}
var button2 = document.getElementById("btn2");
button2.addEventListener("click", myfunction2);
function myfunction2 () {
var hide = document.querySelector("p");
hide.remove();
}
</script>
</body>
</html>对于上面的代码，我希望当我单击第一个按钮时显示数组中的文本，当我单击第二个按钮时删除它。我的问题是，单击第二个按钮不会删除它。
1条答案
按热度按时间blmhpbnm1#
第二个按钮的ID与第一个按钮的ID相同。它必须是
btn2。