htmlファイルに要素（ul）を広告するhtmlのボタンを作成する

ボタンを作成しようとしていましたが、基本的に要素を<ul>リストに追加するボタンを追加しようとしました。私はJavaScriptに精通していませんが、収集した内容からdocument.createElement()を使用できますが、ボタンにその機能をどのようにアタッチするのですか？どのようにその機能が要素を配置するかを指定しますか？htmlファイルに要素（ul）を広告するhtmlのボタンを作成する

出典

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>

これは一例です。前述したようにaddSomeElement();がのappendChildとあなたの関数である

<button onMouseClick="addSomeElement();">

：

出典

2017-10-09 21:01:08

おそらく最も簡単な方法は、ボタンに機能を与えるには、このようなものです。

出典

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ファイルに要素（ul）を広告するhtmlのボタンを作成する

答えて

関連する問題