Question

Name: <input type="text" id='name'/>
<!-- Here I want to create div when myFunction() is called -->

<button onclick="myFunction()">Submit</button>

<script>
function myFunction() {

    var ele = document.createElement("div");
    ele.setAttribute("id","timedrpact");
    ele.innerHTML="fffffffffff";
    document.getElementById("name").appendChild(ele);

}

</script>

此JavaScript代码中有任何错误。

Answer 1

它不起作用appendChild表示您将孩子放在父母中，而<input type="text"><div></div></input>无效。

相反，我认为你的意思是在文本输入后放置div，所以最简单的解决方案是在输入后创建一个元素并将div附加到此元素，如下所示。

HTML：

Name: <input type="text" id='name'/>
<span id='afterName'></span>

<button onclick="myFunction()">Submit</button>

使用Javascript：

function myFunction() {

    var ele = document.createElement("div");
    ele.setAttribute("id","timedrpact");
    ele.innerHTML="fffffffffff";
    document.getElementById("afterName").appendChild(ele);

}

Answer 2

您可以使用jQuery。如果你想在输入后div。

<script>
   function myFunction(){
       $("#name").after('<div id="timedrpact">fffffffffff</div>');

    }
</script>

我需要动态地在文本框下面添加div

2 个答案: