Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/407.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
javascript:如何在“中添加div”;“开始”;另一个部门的_Javascript_Jquery_Html_Dom - Fatal编程技术网

javascript:如何在“中添加div”;“开始”;另一个部门的

javascript:如何在“中添加div”;“开始”;另一个部门的,javascript,jquery,html,dom,Javascript,Jquery,Html,Dom,我有一个div,我想在其中附加另一个div。但是,通过使用appendChild()它总是在容器元素的末尾插入DOM元素。但我想在容器的开头插入它div 如何做到这一点 var newDiv= document.createElement('div'); newDiv.innerHTML = "<input type='text'/>"; var item = document.getElementById('containerDivId'); item.appendChild(ne

我有一个div,我想在其中附加另一个div。但是,通过使用
appendChild()
它总是在容器元素的末尾插入DOM元素。但我想在容器的开头插入它
div

如何做到这一点

var newDiv= document.createElement('div');
newDiv.innerHTML = "<input type='text'/>";
var item = document.getElementById('containerDivId');
item.appendChild(newDiv);`
var newDiv=document.createElement('div');
newDiv.innerHTML=“”;
var item=document.getElementById('containerDivId');
项目.附件(新分部)`

因为您已经包含了
jquery
标记。。。您可以使用
prepend()
方法

或者您可以使用纯JS
insertBefore

item.insertBefore(newDiv, item.firstChild);

因为您已经包含了
jquery
标记。。。您可以使用
prepend()
方法

或者您可以使用纯JS
insertBefore

item.insertBefore(newDiv, item.firstChild);

您可以在jQuery中使用prepend函数。比如说,

$(item).prepend(newDiv);

您可以在jQuery中使用prepend函数。比如说,

$(item).prepend(newDiv);
这就是你需要的

将参数指定的内容插入到匹配元素集中每个元素的开头

这就是你需要的

将参数指定的内容插入到匹配元素集中每个元素的开头

我想你找到了

我想你找到了

可以在父元素上使用prepend()首先添加子元素

我没有时间测试它,但我认为它会起作用

var newDiv= document.createElement('div');
    newDiv.innerHTML = "<input type='text'/>";
var item = document.getElementById('containerDivId');
    item.prepend(newDiv);
var newDiv=document.createElement('div');
newDiv.innerHTML=“”;
var item=document.getElementById('containerDivId');
项目.预结束(新分部);
您可以在父元素上使用prepend()首先添加子元素

我没有时间测试它,但我认为它会起作用

var newDiv= document.createElement('div');
    newDiv.innerHTML = "<input type='text'/>";
var item = document.getElementById('containerDivId');
    item.prepend(newDiv);
var newDiv=document.createElement('div');
newDiv.innerHTML=“”;
var item=document.getElementById('containerDivId');
项目.预结束(新分部);
使用'item.insertBefore(newDiv,item.firstChild);'

使用'item.insertBefore(newDiv,item.firstChild);'


哦,上帝,这么多答案,对不起。当我开始编写由Ajay编辑的=)时,它是空的,没有jquery也可以工作,但我不知道当容器没有子容器时它会如何反应?仅供参考,他用jquery标记了这个问题,因此编辑前的答案也是有效的。我将答案回滚到原始版本,Ajay的编辑无效(更改太多,只是一个注释)您发布的代码不正确
item
是一个DOM元素,没有方法
。prepend
。哦,天哪,这么多答案,对不起。当我开始编写由Ajay编辑的=)时,它是空的,没有jquery也可以工作,但我不知道当容器没有子容器时它会如何反应?仅供参考,他用jquery标记了这个问题,因此编辑前的答案也是有效的。我将答案回滚到原始版本,Ajay的编辑无效(更改太多,只是一个注释)您发布的代码不正确
item
是一个DOM元素,没有方法
。prepend
。可能重复:可能重复: