通过比较删除列表使用JavaScript在列表中添加/删除列表项函数appendNewNode（）{ 如果（！document.getElementById）返回； var newlisttext=document.changeform.newlist.value；//从textfield获取文本 var mylist=document.getElementById（“mylist”）； var newlistitem=document.createElement（“li”）；//创建新元素节点 var newlistitemtext=document.createTextNode（newlisttext）；//使用从textfield检索的文本创建文本节点 newlistitem.appendChild（newlistitemtext）；//将文本插入到 mylist.appendChild（newlistitem）；//将追加到 document.changeform.newlist.value=”“；//将textfield值设置为空 document.changeform.newlist.focus（）；//将焦点设置为textfield } 函数removeNode（）{ mylist.removeChild（mylist.lastChild）； } 首先第二_Javascript_Jquery_Html

通过比较删除列表使用JavaScript在列表中添加/删除列表项函数appendNewNode（）{ 如果（！document.getElementById）返回； var newlisttext=document.changeform.newlist.value；//从textfield获取文本 var mylist=document.getElementById（“mylist”）； var newlistitem=document.createElement（“li”）；//创建新元素节点 var newlistitemtext=document.createTextNode（newlisttext）；//使用从textfield检索的文本创建文本节点 newlistitem.appendChild（newlistitemtext）；//将文本插入到 mylist.appendChild（newlistitem）；//将追加到 document.changeform.newlist.value=”“；//将textfield值设置为空 document.changeform.newlist.focus（）；//将焦点设置为textfield } 函数removeNode（）{ mylist.removeChild（mylist.lastChild）； } 首先第二

javascript jquery html

通过比较删除列表使用JavaScript在列表中添加/删除列表项函数appendNewNode（）{ 如果（！document.getElementById）返回； var newlisttext=document.changeform.newlist.value；//从textfield获取文本 var mylist=document.getElementById（“mylist”）； var newlistitem=document.createElement（“li”）；//创建新元素节点 var newlistitemtext=document.createTextNode（newlisttext）；//使用从textfield检索的文本创建文本节点 newlistitem.appendChild（newlistitemtext）；//将文本插入到 mylist.appendChild（newlistitem）；//将追加到 document.changeform.newlist.value=”“；//将textfield值设置为空 document.changeform.newlist.focus（）；//将焦点设置为textfield } 函数removeNode（）{ mylist.removeChild（mylist.lastChild）； } 首先第二,javascript,jquery,html,Javascript,Jquery,Html,此代码正在单击“添加列表”按钮添加新列表，但我想在文本框中输入相同文本并按delete键后删除该列表，以仅删除该列表 <html> <head> <title> Adding/Removing list item to/from list with JavaScript </title> <script type="text/javascript"> function appendNewNode(){ if(!document

此代码正在单击“添加列表”按钮添加新列表，但我想在文本框中输入相同文本并按delete键后删除该列表，以仅删除该列表

<html>
<head>
<title>
Adding/Removing list item to/from list with JavaScript
</title>

<script type="text/javascript">
function appendNewNode(){
    if(!document.getElementById) return;

    var newlisttext = document.changeform.newlist.value;  //getting text from textfield

    var mylist=document.getElementById("mylist");

    var newlistitem=document.createElement("li");   //creating new element node <li>
    var newlistitemtext=document.createTextNode(newlisttext); //creating text node with text retrieved from textfield
    newlistitem.appendChild(newlistitemtext);   //Inserting text to <li>    

    mylist.appendChild(newlistitem);    //appending <li> to <ul>

    document.changeform.newlist.value="";   //setting textfield value to blank
    document.changeform.newlist.focus();    //setting focus to textfield
}

function removeNode(){
    mylist.removeChild(mylist.lastChild);
}
</script>
</head>

<body>

    <ul id='mylist'>
        <li>First</li>
        <li>Second</li>
    </ul>


    <form name="changeform">
        <input type="text" name="newlist"  size="65">
        <input type="button" onclick="appendNewNode();" value="Append To List">


        <input type="button" onclick="removeNode();" value="Remove from List">
    </form>
</body>
</html>

示例：假设我想删除第二个列表，那么我将在newlist文本框中输入“Second”，然后按delete按钮仅删除该列表

函数removeNode（）{
<html>
<head>
<title>
Adding/Removing list item to/from list with JavaScript
</title>

<script type="text/javascript">
function appendNewNode(){
    if(!document.getElementById) return;

    var newlisttext = document.changeform.newlist.value;  //getting text from textfield

    var mylist=document.getElementById("mylist");

    var newlistitem=document.createElement("li");   //creating new element node <li>
    var newlistitemtext=document.createTextNode(newlisttext); //creating text node with text retrieved from textfield
    newlistitem.appendChild(newlistitemtext);   //Inserting text to <li>    

    mylist.appendChild(newlistitem);    //appending <li> to <ul>

    document.changeform.newlist.value="";   //setting textfield value to blank
    document.changeform.newlist.focus();    //setting focus to textfield
}

function removeNode(){
    mylist.removeChild(mylist.lastChild);
}
</script>
</head>

<body>

    <ul id='mylist'>
        <li>First</li>
        <li>Second</li>
    </ul>


    <form name="changeform">
        <input type="text" name="newlist"  size="65">
        <input type="button" onclick="appendNewNode();" value="Append To List">


        <input type="button" onclick="removeNode();" value="Remove from List">
    </form>
</body>
</html>

var newlisttext=document.changeform.newlist.value；
var mylist=document.getElementById（“mylist”）；
var listItems=mylist.getElementsByTagName（'li'）；
对于（变量i=0；i

函数removeNode（）{
var newlisttext=document.changeform.newlist.value；
如果（newlisttext=''）{alert（'请输入要删除的列表名！'）；}
var mylist=document.getElementById（“mylist”）；
var listItems=mylist.getElementsByTagName（'li'）；
对于（变量i=0；i


警报无法正常工作。我尝试在“其他”中发出警报，但未正常工作，当用户试图删除以前创建的列表中未包含的列表时，能否创建一个警报框。您是指警报（“某物”）？是的，当我们试图删除列表中不存在的列表时，我希望弹出警报框；为你在其他地方工作？我这样做了，但它只在那之后工作一次如果不工作，意味着它在那之后工作一次，当我输入正确的列表删除它时，它不会删除。
function removeNode(){
        var newlisttext = document.changeform.newlist.value;
        if(newlisttext ==''){alert('Please Enter List Name to Delete!');}
        var mylist=document.getElementById("mylist");
        var listItems = mylist.getElementsByTagName('li');  
        for(var i = 0; i < listItems.length; i++) {
            var elem = listItems[i];
            if (newlisttext === elem.innerHTML) {
                elem.parentNode.removeChild(elem);
            }else{alert('This list is not found !');}
        }
}