在HTML中创建按钮，向HTML文件中的元素（ul）发布广告

所以我一直在尝试创建一个按钮，本质上是一个添加按钮，它会将<li>元素添加到<ul>列表中。我不熟悉任何JavaScript，但从我所搜集的内容中可以使用document.createElement()，但是如何将该功能附加到按钮以及如何指定该功能将该元素放置在哪里？在HTML中创建按钮，向HTML文件中的元素（ul）发布广告

来源

2017-10-09 Derek Reagle

我建议看以下资源：

对于点击操作，你可以add an event listener。
若要指定要素的去向，我会看appendChild。

来源

2017-10-09 20:56:53 Nick

<html> 
<head> 
<script type="text/javascript"> 
function additem(){ 
var node = document.createElement("LI");    
var textnode = document.createTextNode("new li");  
node.appendChild(textnode);        
document.getElementById("myUl").appendChild(node); 
} 
</script> 
</head> 
<body> 
<ul id="myUl"></ul> 
<button onclick="additem()">Add</button> 
</body> 
</html>

这是一个例子。

来源

2017-10-09 21:01:08

也许最简单的方式给功能键是这样的：

<button onMouseClick="addSomeElement();">

哪里addSomeElement();是你的appendChild功能如上所述。

来源

2017-10-09 21:04:17

<ul id="UL"> 

</ul> 
<button onclick="myFunction()">Try it</button> 

<script> 
function myFunction() { 
    var btn = document.createElement("BUTTON"); 
    btn.setAttribute('ID', 1); 
    btn.setAttribute('onclick','myfunction2()') 
    document.body.appendChild(btn); 

} 
function myfunction2(){ 
var ul = document.getElementById("UL"); 
var li = document.createElement("li"); 
li.appendChild(document.createTextNode("yourItem")); 

ul.appendChild(li); 
} 
</script>

本应该做的，也是阅读的appendChild和看看这个例子有关创建按钮here和有关附加here

来源

2017-10-09 21:16:51 Tobi

在HTML中创建按钮，向HTML文件中的元素（ul）发布广告

回答

相关问题