javascript - 使用onClick两次,不删除当前页面内容

标签 javascript html

我在这方面绝对是初学者。我的商业学位需要这门课。如果这个问题听起来很愚蠢,我深表歉意。

我基本上需要制作一个简单的BMI计算器网页。

网页顶部有BMI计算器,下面有一个名为计算bmi的按钮,提示用户输入高度和体重。然后,它显示结果以及用户输入的高度和白色。

问题是,当它显示结果时,它会删除​​顶部的 BMI 文字。

我知道他们的答案很简单,我只是不知道它是什么。

这是我一直在使用的代码 - http://pastebin.com/ftrWYU6L

最佳答案

请参阅W3C WSC (特别是关于遍历 DOM 和修改 HTML 的部分)。

document.write 会将任何现有文档吹走,您想使用 DOM 来修改现有文档。

关于javascript - 使用onClick两次,不删除当前页面内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7841143/

相关文章:

javascript - 如何检测一个数组被另一个相同的数组替换?

html - 伪元素未出现在代码中之后

javascript - 如何使用 phonegap 在 iOS 应用程序中打开网页?

javascript - 将数据从 Python 脚本发送到浏览器(在 Linux 上的 xserver 下)

jQuery 显示/隐藏在页面加载时崩溃

javascript - 无法根据 Javascript 和 CSS 中的特定日期范围更改字体颜色

javascript - 在 html 中访问在单独的 JavaScript 文件中声明的变量

javascript - 协同编辑 : document. getElementById 不更新显示

javascript - 每当输入模糊时在链接指令内进行检测

使用 php 的 Javascript AJAX 上传 BLOB 图像。 $_FILES 为空