gpt4 book ai didi

javascript - 使用 JavaScript 在 "div"上写入文本

转载 作者:技术小花猫 更新时间:2023-10-29 12:10:37 25 4
gpt4 key购买 nike

每当我想向我的 div 标签添加一些文本时,我都会遇到一些麻烦,这是我的代码:

<html>

<body>
<div id="comments">

</div>
<form name="forma">
<textarea name="commentUser" id="commentUser" cols="40" rows="5">
Comments here...
</textarea><br>
<input type="submit" value="Ready!" onClick="writeComment()" />
</form>

<script type="text/javascript" >

function writeComment()
{
var comment = document.forma.commentUser.value;
alert(comment);

document.getElementById('comments').innerHTML=comment;


}


</script>
</body>

</html>

它正确地做了它必须做的事情,但随后它只切换回文本框,我刚刚写的评论消失了。知道这里发生了什么吗?

非常感谢您的宝贵时间。

最佳答案

这是因为您正在提交表单。

快速修复:

<input type="submit" value="Ready!" onClick="writeComment()" />

<input type="button" value="Ready!" onClick="writeComment()" />

此外,您还可以阻止输入的默认操作。基本上是告诉浏览器您将使用 preventDefault 处理操作:

function writeComment(e) {
var comment = document.forma.commentUser.value;
alert(comment);

document.getElementById('comments').innerHTML = comment;
e.preventDefault();
return false;
}

关于javascript - 使用 JavaScript 在 "div"上写入文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7195844/

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