如何使用javascript在html中添加内容而不擦除整个页面
我有一个小计算器，我正在添加到我的HTML。它有几个下拉选择的东西，当一个人点击提交按钮，我想显示一张图片在计算器下面我的HTML。我尝试使用javascript函数：document.write（），但这会清除整个页面。有没有一种方法，我可以得到一个javascript函数运行，它只添加图片到我的页面时，提交按钮被单击？
下面是我的代码的基本大纲，其中有我遇到的问题：
<html>
<head>
<script type="text/javascript">
function calc_rate() {
//code that displays a message after the submit button is hit
document.write("answer");
}
</script>
</head>
<body>
<table>
<tr>
<td class=rate_calc_label>Select Your Option Type:</td>
<td><select name="type1">
<option></option>
<option>1</option>
<option>2</option>
<option>3</option>
</select></td>
</tr>
<tr>
<td class=rate_calc_label>Select The Second Number:</td>
<td><select name="type2">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
</select></td>
</tr>
<tr>
<td><input type="submit" value="Submit" name="calc_button" onclick="calc_rate()"/></td>
<td></td>
</tr>
</table>
</body>
</html>
是否可以使用某种内部HTML？这是我在stockoverflow上从别人那里得到的，但我还是有点困惑
共有1个答案
您的输出需要一个占位符元素。然后为该元素设置innerHTML：
<div id='answer'></div>
然后：
document.getElementById('answer').innerHTML = "answer is:" + yourdata
-
问题内容： 我希望能够将多个行添加到div并删除它们。我在页面顶部有一个“ +”按钮，用于添加内容。然后，每行右侧都有一个“-”按钮，用于删除该行。我只是无法弄清楚此示例中的javascript代码。 这是我的基本HTML结构： 这是我想在内容div中添加的内容： 问题答案： 你可以做这样的事情。
-
我最初是这样制作程序的。我使用extends Canvas和update方法来不断地绘制更多的点。我的理解是，每次调用repaint（）时，新的点都会通过使用update（）方法添加到现有的画布上。如果方法是paint（）而不是update()，那么每次调用repaint（）时，它将绘制一个只有50个点的新画布。这是我的扩展画布的BarnsleyFern类。 下面的代码是扩展JFrame的Barn
-
嗨，我创建了一个简单的应用程序来在webview中显示html页面，我使用webview并显示页面加载时间，如下所示。 在此之后，禁用滚动，并使用next和previous按钮来后退和前进Contain。下面是我的代码。 首先，在创建、显示、添加webview并加载html文件。 之后，使用MyWebclient类获取MainWebView的高度和宽度。 之后，使用myPictureClass获取
-
问题内容： 如何使用 CSS 属性添加 HTML 实体？ 使用这样的东西只会打印到屏幕上，而不是不间断的空间： 问题答案： 您必须使用转义的unicode： 喜欢
-
下面是我需要的内容的元素: 我需要用Java获取这些信息。最好使用JSOUP。元素是JavaScript帮助下的字段： Java代码：