gpt4 book ai didi

javascript - DOM 插入的简单 JavaScript 错误

转载 作者:行者123 更新时间:2023-11-28 20:08:02 25 4
gpt4 key购买 nike

我编写了这段简单的代码来将一个单词插入到列表中,但由于某些原因,在 Chrome 中,我对 DOM 的更改出现了大约 1/10 秒,然后消失了。 Firefox 中没有任何反应。

<html>
<head>

<script>
window.onload = init;
function init(){
var button = document.getElementById("submit");
button.onclick = changeDiv;
}
function changeDiv(){
var textInput = document.getElementById("textInput");
var userInput = textInput.value;
alert("adding " + userInput);
var li = document.createElement("li");
li.innerHTML = userInput;
var ul = document.getElementById("ul");
ul.appendChild(li);
}

</script>
</head>
<body>
<form id="form">
<input id="textInput" type="text" placeholder="input text here">
<input id="submit" type="submit">
</form>
<ul id="ul">
</ul>
</body>
</html>

最佳答案

您没有取消提交按钮操作,因此页面正在提交表单。

function changeDiv (e) {
if (!e)
e = window.event;

//IE9 & Other Browsers
if (e.stopPropagation) {
e.stopPropagation();
}
//IE8 and Lower
else {
e.cancelBubble = true;
}

...

关于javascript - DOM 插入的简单 JavaScript 错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20413460/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com