javascript:for循环

为什么这个for循环不起作用

javascript:

function create(){
    var newDiv = document.createElement("input");
    var character = "piyush";

    var i =0;

    newDiv.type = "text";
    newDiv.style.background = "red";
    newDiv.style.width ="20px";
    newDiv.style.height ="20px";
    for( i =0; i< character.length ; i++)
    {

    document.getElementById("tryingin").appendChild(newDiv);
    }

 }

函数创建（）{
var newDiv=document.createElement（“输入”）；
var character=“piyush”；
var i=0；
newDiv.type=“text”；
newDiv.style.background=“红色”；
newDiv.style.width=“20px”；
newDiv.style.height=“20px”；
对于（i=0；i

html:

现在，当我在for循环中发出警报时。我一个接一个地看到警报框6次（character.length==6）。但是为什么我没有看到6个文本框附加在分区中？ 同时附加所有6个文本框的正确代码应该是什么

谢谢你的帮助。

---

问候

如果元素已经是DOM的一部分，

.appendChild

将首先将其从当前父元素中分离出来，并将其附加到新父元素。从：

如果

child

是对文档中现有节点的引用，

appendChild

将其从当前位置移动到新位置（即，在将其附加到其他节点之前，不需要从父节点移除节点）

在本例中，您只有一个DOM元素。如果要复制元素，可以：

---

如果元素已经是DOM的一部分，

.appendChild

将首先将其从当前父元素中分离出来，并将其附加到新父元素。从：

如果

child

是对文档中现有节点的引用，

appendChild

将其从当前位置移动到新位置（即，在将其附加到其他节点之前，不需要从父节点移除节点）

在本例中，您只有一个DOM元素。如果要复制元素，可以：

---

请将您的代码更改为此函数，它可能会帮助您

    function create(){
        var character = "piyush";
        var i =0;

        for( i =0; i< character.length ; i++)
        {
            var newDiv = document.createElement("input");
            newDiv.type = "text";
            newDiv.style.background = "red";
            newDiv.style.width ="20px";
            newDiv.style.height ="20px";
            document.getElementById("tryingin").appendChild(newDiv);
        }

 }

函数创建（）{
var character=“piyush”；
var i=0；
对于（i=0；i

请将您的代码更改为此函数，它可能会帮助您

    function create(){
        var character = "piyush";
        var i =0;

        for( i =0; i< character.length ; i++)
        {
            var newDiv = document.createElement("input");
            newDiv.type = "text";
            newDiv.style.background = "red";
            newDiv.style.width ="20px";
            newDiv.style.height ="20px";
            document.getElementById("tryingin").appendChild(newDiv);
        }

 }

函数创建（）{
var character=“piyush”；
var i=0；
对于（i=0；i

因为您只创建了一个，并一次又一次地附加它。 您必须多次调用

document.createElement（“输入”）

来创建多个元素

var character = "piyush";

for(var i =0; i < character.length; i++) {
    var newDiv = document.createElement("input");
    newDiv.type = "text";
    newDiv.style.background = "red";
    newDiv.style.width ="20px";
    newDiv.style.height ="20px";
    document.getElementById("tryingin").appendChild(newDiv);
}

var character=“piyush”；
for（变量i=0；i

因为您只创建了一个，并一次又一次地附加它。 您必须多次调用

document.createElement（“输入”）

来创建多个元素

var character = "piyush";

for(var i =0; i < character.length; i++) {
    var newDiv = document.createElement("input");
    newDiv.type = "text";
    newDiv.style.background = "red";
    newDiv.style.width ="20px";
    newDiv.style.height ="20px";
    document.getElementById("tryingin").appendChild(newDiv);
}

var character=“piyush”；
for（变量i=0；i

如果将节点附加到新位置，则：

将节点添加到指定父级的子级列表的末尾 节点如果节点已存在，则将从当前父节点中删除该节点 节点，然后添加到新的父节点

---

如果将节点附加到新位置，则：

将节点添加到指定父级的子级列表的末尾 节点如果节点已存在，则将从当前父节点中删除该节点 节点，然后添加到新的父节点

---

在你的脚本中试试这个

     var character = "piyush";

    for(var i =0; i < character.length; i++) 
    {
    var div = document.createElement("input");
    div.style.width = "100px";
    div.style.height = "100px";
    div.style.background = "red";
    div.style.color = "white";
    div.innerHTML = "Hello";

    document.body.appendChild(character );
    }

var character=“piyush”；
for（变量i=0；i

---

我希望这对你有用。

在你的脚本中尝试一下

     var character = "piyush";

    for(var i =0; i < character.length; i++) 
    {
    var div = document.createElement("input");
    div.style.width = "100px";
    div.style.height = "100px";
    div.style.background = "red";
    div.style.color = "white";
    div.innerHTML = "Hello";

    document.body.appendChild(character );
    }

var character=“piyush”；
for（变量i=0；i

---

我希望这对您有用。

我不认为您可以多次追加同一个div。附带问题：为什么您要迭代字符串来追加元素？我不认为您可以多次追加同一个div。附带问题：为什么您要迭代字符串来追加元素？太好了！但我其实不懂这个概念！它现在正在工作。你能给我解释一下吗？谢谢你到底不明白什么？DOM节点是唯一的实体，在DOM树中只能存在一次。如果多次附加它，它将被移动而不是复制。如果克隆节点，则创建一个副本。别忘了点击旁边的复选标记，接受对你帮助最大的答案。明白了。谢谢I searc