Question

我想写一些文字，点击一个按钮，添加的文字必须列出一个列表。

这就是我现在所拥有的：

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>3-2</title>
<script type="text/javascript" src="js/oefening3-2.js"> </script>
</head>

<body>
<p> <span> geef een tekst in<input type="text" id="waarde"> <input type="button" value="Voeg toe" onClick="a();"></span></p>
<ol>
<p> <span id="waarden"> waarde </span> </p>
</ol>

和Javascript代码：

function a()
{
var ingevoerd = document.getElementById("waarde").innerHTML;
document.getElementById("waarden").add(ingevoerd);  
}

我能理解它并没有多大意义，但我真的不知道如何做到这一点。输入一些文本，单击按钮，文本必须在未编号的列表中。 annyone可以帮助我吗？非常感谢！

亲切的问候！

Answer 1

HTML：

geef een tekst in<input type="text" id="waarde">
<input type="button" value="Voeg toe" onClick="a()">
<ul id="waarden"></ul>

Javascript代码：

function a() {
    var node = document.createElement("LI");
    var textnode = document.createTextNode(document.getElementById("waarde").value);
    node.appendChild(textnode);
    document.getElementById("waarden").appendChild(node);
}

JSFiddle演示：http://jsfiddle.net/BloodyKnuckles/y1fk1q70/

说明：

HTML包含几个元素：

文字
文字输入
按钮
无序列表

按钮单击处理程序被指示在单击时执行函数a。

Javascript然后执行以下步骤：

创建列表节点元素。（尚未附加到DOM [页面]。）
抓取文本输入的文本值并从中创建文本节点元素。（还没有附加到DOM。）
将文本节点附加到列表节点。
将列表节点附加到DOM中的无序列表。

使用文本输入和按钮创建UL列表

1 个答案: