Question

我试图创建一个函数，用户在其中单击按钮以将项添加到无序的项列表中（不使用jQuery）。这是我的js代码：

＆＃13;

window.onload = function(){
    document.body.addEventListener("click", function(event) {
    	if (event.target.id == "add-item")
    		var item = prompt();  /** returns a string variable */
    		var itemlist =  document.getElementById("items");
    		console.log(typeof itemlist); /** returns an object*/
    	//	itemlist.createElement("li"); /** A node is the generic name for any type of object in the DOM hierarchy. */
    
    	
    });
    	
     }

＆＃13;

<ul id="items">
    	<li>The first item is free!</li>
    	</ul>
    
    <button type="button" id="add-item">Add item</button>

＆＃13;

目前我收到以下错误：

未捕获的TypeError：itemlist.createElement不是函数在HTMLBodyElement。

请注意，我也尝试使用querySelector来获取项目列表，以及项目列表上的函数appendChild（），但它们都不起作用......

非常感谢任何帮助或建议！

Answer 1

android.app.FragmentManager是createElement对象的一种方法。创建它之后，您可以将它附加到另一个元素。

document

Answer 2

createElement是document上的函数，而不是itemlist上的函数。

请改用：

var li = document.createElement("li");
li.innerHTML = item;     // Set the text from the propt's return value.
itemlist.appendChild(li);

在javascript中将<li>添加到<ul>对象中

2 个答案: