Can';不要通过DOM更改javascript中的段落文本
它会更改大约一秒钟,然后返回到上一个文本。“加载…”行必须更改为“您好,请单击下一个文本框以查看更多说明!” 我尝试过最新的chrome和Edge浏览器Can';不要通过DOM更改javascript中的段落文本,javascript,html,css,Javascript,Html,Css,它会更改大约一秒钟,然后返回到上一个文本。“加载…”行必须更改为“您好,请单击下一个文本框以查看更多说明!” 我尝试过最新的chrome和Edge浏览器 函数greetMe(){ var yourName=document.getElementById(“textbox”).value; info1=“您好,请单击下一个文本框查看更多说明!” document.getElementById(“textToChange”).innerHTML=info1 } #myForm{ 浮动:左; 宽度:
函数greetMe(){
var yourName=document.getElementById(“textbox”).value;
info1=“您好,请单击下一个文本框查看更多说明!”
document.getElementById(“textToChange”).innerHTML=info1
}
#myForm{
浮动:左;
宽度:30%
}
#myformInfo{
}
你好!
点击
var info1=“正在加载…”
document.write(info1)
这可能是因为您没有为按钮设置type属性。按钮的默认类型为提交。当您单击表单正在提交且页面正在重新加载的按钮时,请尝试将属性type=“button”添加到您的。这就是它返回初始状态的原因。要停止此事件,请将事件
作为参数传递给函数,然后将该参数与preventDefault()一起在函数中使用:
HTML
另一方面,最好删除内联JS并使用事件侦听器
var button = document.querySelector('button');
button.addEventListener('click', greetMe, false);
我只是检查上面的片段。工作正常。是的,但在浏览器上不工作…刷新缓存并重新加载页面。还要检查控制台是否有错误。
function greetMe(e) {
e.preventDefault();
// ...
}
var button = document.querySelector('button');
button.addEventListener('click', greetMe, false);