如何阻止DOM更改立即恢复？
如何阻止DOM更改立即恢复？
提问于 2020-02-25 22:38:10
我有一个带有JavaScript事件处理程序的按钮，试图在单击时对文档对象模型进行更改。它会进行更改，但会立即恢复；单击按钮会导致文本更改，但在更改之前只需一段时间。为什么它又变回来了？我怎样才能阻止这种情况的发生？
var button_variable_name = document.getElementById("changeText");
button_variable_name.addEventListener("click", function() {
document.querySelector('#test').textContent="Replace the text";
});<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>blank</title>
</head>
<body>
<form>
<input type="text" id="a" />
<input type="text" id="b" />
<input type="text" id="c" />
<button id="changeText" > button </button>
</form>
<p id="test"> test text </p>
</body>
</html>
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-02-25 22:41:53
默认情况下，button在form中用作submit button，因此当您单击该表单时，表单将被提交，因此页面将重新加载；只需指定该按钮不是submit按钮：
<button id="changeText" type="button"> button </button>注意，type="button"默认为type="submit"
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/60404208
复制相关文章
相似问题
腾讯云开发者
