代码之家  ›  专栏  ›  技术社区  ›  Frozendawn

使用javascript向div添加文本

  •  -3
  • Frozendawn  · 技术社区  · 6 年前

    您好,我刚刚开始学习,我正在尝试编写简单的代码来添加文本到一个div框使用java脚本,但它给了我错误查询选择器没有定义

        <h2>List of items</h2>
    <input class="text" type="text" placeholder="write text"><br>
    <input type="button" value="Add" onclick="addItem()">
    <div class="list"></div>
    

    java脚本代码:

    function addItem(){
            let getText = querySelector("text").value;
            let newText = document.createElement("div");
            newText.innerHTML = document.appendChild("getText");
            document.querySelector("list").appendChild("newText");
        }
    
    2 回复  |  直到 6 年前
        1
  •  1
  •   Ram    6 年前

    代码中有几个问题:

    1. querySelector 是一种 document 对象。应该是的 document.querySelector("selector") .

    2. document.appendChild Node 实例。你在传递一根线。

    3. 你失踪了 . 对于类选择器。
    4. "" 当你提到他们的时候。

    function addItem() {
       let getText = document.querySelector("input.text").value;
       let newText = document.createElement("div");
       newText.innerHTML = getText;
       document.querySelector(".list").appendChild(newText);
    }
    
        2
  •  0
  •   drowny    6 年前

    使用

    document.querySelector("div.list").appendChild("newText");
    

    而不是

    document.querySelector("list").appendChild("newText");