动态创建的HTML表打开新页面
我有一个代码，实际上是一个数学表格编码器...如果有人按下按钮，函数被调用并正在运行...但是当我点击按钮时，表格会出现在一个新的页面上，而不是在同一个页面上...
<!doctype html>
<html>
<head>
<title>Tafel Trainer</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<section id="content">
<p>Wilt u de tafels leren? Klik op de knop oefenen</p>
<button id="oefenen" name="oefenen" value="oefenen" onclick='oefenen()';>Tafel oefenen!</button>
<div id="1">
<script type='text/javascript'>
function oefenen(){
var num = prompt("Zet een cijfer neer", "0");
var num1 = parseInt(num);
for(i= 1; i< 11; i++) {
document.writeln("<table border='1'><tr><td>" + i + " x " + num1 + " = " + i * num1 + "<br/></td></tr></table>");
}
}
</script>
</div>
</section>
</body>
</html>
我已经尝试过用document.getElementByID（'div1'）. innerHTML=i；但是代码也不起作用，我确定这是初学者的错误，但是什么：）？
提前谢谢！
共有3个答案
根据您的要求打印所需数字的乘法表的代码......
<!doctype html>
<html>
<head>
<title>Tafel Trainer</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<section id="content">
<p>Wilt u de tafels leren? Klik op de knop oefenen</p>
<button id="oefenen" name="oefenen" value="oefenen" onclick='oefenen()' ;>Tafel oefenen!</button>
<br /> <br />
<div id="math">
</div>
</section>
<script>
function oefenen() {
var num = prompt("Zet een cijfer neer", "0");
var num1 = parseInt(num);
for (i = 1; i < 11; i++) {
document.getElementById('math').innerHTML+=(num1 + " x " + i + " = " + i * num1 + "<br/>");}
}
</script>
</body>
</html>
这里还可以在上面关于在按钮下需要它的评论之后编辑
function oefenen() {
var num = prompt("Zet een cijfer neer", "0");
var num1 = parseInt(num);
for (i = 1; i < 11; i++) {
document.getElementById('results').innerHTML+=("<tr><td>" + i + " x " + num1 + " = " + i * num1 + "<br/></td></tr>");
}
}<section id="content">
<p>Wilt u de tafels leren? Klik op de knop oefenen</p>
<button id="oefenen" name="oefenen" value="oefenen" onclick='oefenen()' ;>Tafel oefenen!</button>
<table border="1" id=
"results">
</table>
</section>
如果您的表有一个div占位符，您将对您正在做的事情有更多的控制
function oefenen(){
var num = prompt("Zet een cijfer neer", "0");
var num1 = parseInt(num);
var table = document.getElementById("tablebody");
for(var i= 1; i< 11; i++) {
var td = document.createElement("td"); //create TD
td.innerHTML = i + " x " + num1 + " = " + (i * num1);
var tr = document.createElement("tr");
tr.appendChild(td); //add TD to the TR
table.appendChild(tr); //add TR to the table
}
//show the placeholder
document.getElementById("placeholder").style.display = "";
} <section id="content">
<p>Wilt u de tafels leren? Klik op de knop oefenen</p>
<button id="oefenen" name="oefenen" value="oefenen" onclick='oefenen()';>Tafel oefenen! </button>
<div id="1"> <!-- I'm not sure what you use this div for -->
</div>
<div id="placeholder" style="display:none;"> <!-- Placeholder area -->
<table border="1" id="tablebody"></table>
<div>
</section>-
问题内容： 下面的代码在同一页面的底部创建图像。如何将图像显示在新的标签/窗口中而不是显示在同一页面中？ 问题答案： 就像是：
-
问题内容： 我有一个带有多个选项卡的选项卡页，一旦单击该选项卡，就会调用服务以返回一些数据。其中一些数据返回html表单，并且非常随机。我想收集输入的值，并通过服务将数据发送回服务器。我的问题是无法从正在动态创建的html中的输入元素中获取数据。 我创建了一个Plunker来显示问题所在。请注意，html值可以随时更改，因此对html进行硬编码将无法使用。在这里，代码来自plunker，但是请查看
-
问题内容： 我在mysql上创建数据库。首先创建主体表，每个表平均有30列。日志表的标准是引用表的pk加上每列*2。像这样： 参考表： 日志表： 现在，我想要创建一个过程，在该过程中，我将表名作为参数传递，并生成表日志查询并执行它。 做这个的最好方式是什么？ 问题答案： 为了使一个字符串代表一个表（或数据库）名称，您将需要用变量连接查询字符串，并在存储过程中准备/执行一条语句。这是一个基本示例。
-
做web app，一个无法避开的问题就是转场动画；web是基于链接构建的，从一个页面点击链接跳转到另一个页面，如果通过有刷新的打开方式，用户要面对一个空白的页面等待；如果通过无刷新的方式，用Javascript移入DOM节点（常见的SPA解决方案），会碰到很高的性能挑战：DOM节点繁多，页面太大，转场动画不流畅甚至导致浏览器崩溃； mui的解决思路是：单webview只承载单个页面的dom，减少d
-
我正在使用Eloquent和SlimPHP以及Capsule作为DB“Facade”。 现在我只是支持MySql，因为我需要动态创建表，所以我试图构建两个查询并运行它们。 做的时候 要查看查询是如何生成的，它们如下所示： 字符串（351）“如果不存在，则创建表`responses\\u 44`（`id`int（11）NOT NULL AUTO\\u INCREMENT，`field\\u 20`v
-
我是android studio的新手，目前正在创建一个应用程序，它将从SQLite的现有数据库中检索数据。基于我发现的是创建一个布局文件（而不是通过创建新的空活动）来设计如何显示数据。但在布局中，我想要按钮打开新的活动，但不知何故它没有，我没有找到任何解决方案，到目前为止。而影像也没有出现。这是代码： DataPoi.java ListPoiAdapter.java 游乐场.java