在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）發佈廣告

回答

相關問題