“wie man einen ... macht” Code-Antworten

So erstellen Sie ein
  • , wenn Sie auf eine Schaltfläche klicken js
  • function AddLi(str)
    {
        var li = document.createElement('li');
        li.appendChild(document.createTextNode(str))
        li.innerHTML += ' <button onclick="this.parentNode.remove()">-</button>';
        document.getElementById("out").appendChild(li);
    }
    Cloudy Caracal

    So erstellen Sie ein
  • , wenn Sie auf eine Schaltfläche klicken js
  • (function () {
      document.querySelector('#add').addEventListener('click', function () {
        let input = document.querySelector('#text');
        let list = document.querySelector('#list'); 
        
        let item = document.createElement('li'); // create li node
        let itemText = document.createTextNode(input.value); // create text node
        
        item.appendChild(itemText); // append text node to li node
        list.appendChild(item); // append li node to list
        
        input.value = ""; // clear input
      });
    })();
    Cloudy Caracal

    So erstellen Sie ein
  • , wenn Sie auf eine Schaltfläche klicken js
  • <form>
        <input type="text" name="userinput">
        <input type="button" value="Add LI" onclick="AddLi(userinput.value)">
    </form> 
    <span id="out"/>
    Cloudy Caracal

    So erstellen Sie ein
  • , wenn Sie auf eine Schaltfläche klicken js
  • <div>
      <input id="text" type="text" />
      <button id="add">Add</button>
    </div>
    
    <ul id="list">
      <li>example item</li>
    </ul>
    Cloudy Caracal

    Ähnliche Antworten wie “wie man einen ... macht”

    Fragen ähnlich wie “wie man einen ... macht”

    Durchsuchen Sie beliebte Code-Antworten nach Sprache

    Durchsuchen Sie andere Codesprachen