Javascript 在特定位置添加元素_Javascript_Jquery

Javascript 在特定位置添加元素

javascript jquery

Javascript 在特定位置添加元素,javascript,jquery,Javascript,Jquery,当我使用document.createElement时，javascript将在正文底部添加一个元素。如何在特定位置添加元素？（对于document.createElement属性，我的意思是存储在一个新变量中）嗯，我可能错了，但是如果您使用jQuery，您是否正在寻找类似以下内容： var newDiv = $("<div />"); 只需将该元素作为另一个元素的子元素添加即可例如： HTML ... [此处为页面内容] ... JS newdiv=$（“某物”）； $（

当我使用document.createElement时，javascript将在正文底部添加一个元素。

如何在特定位置添加元素？（对于document.createElement属性，我的意思是存储在一个新变量中）

嗯，我可能错了，但是如果您使用jQuery，您是否正在寻找类似以下内容：

var newDiv = $("<div />");

只需将该元素作为另一个元素的子元素添加即可

例如：

HTML


...
[此处为页面内容]
...

newdiv=$（“某物”）；
$（“#容器”）.append（newdiv）；

请参见


var my_div=null；
var newDiv=null；
函数addElement（）
{
newDiv=document.createElement（“div”）；
newContent=document.createTextNode（“测试”）；
newDiv.appendChild（newContent）；
my_div=document.getElementById（“org_div1”）；
document.body.insertBefore（newDiv，my_div）；
}
上面的文本是动态创建的。

当我使用document.createElement时，javascript将在身体底部

不，返回了一个元素，但它没有附加到任何东西。你需要自己去做：

var ptag = document.createElement('p');
ptag.innerHTML = "hello world";
var someplace = document.getElementById('some_element_id');
someplace.appendChild(ptag);

这很简单；jquery技术更加简洁。

您可以使用jquery在任何dom元素的开头或结尾添加dom/元素

请参见下面的示例


这是唯一的测试

JQUERY脚本：

$(document).ready(function(){

    var item = "<span>New item</span>"
    /* PrependTo */
    $(item).prependTo('#item');

    /* AppendTo */
    $(item).appendTo('#item');


});

$（文档）.ready（函数（）{
var item=“新项目”
/*预本托*/
$（项目）.prependTo（“#项目”）；
/*附属物*/
$（项目）。附加到（“#项目”）；
});

请参阅jquery文档和

文档。createElement

本身不会将元素添加到任何位置，这是您误解的。在jquery中，它将是

$（“#某些元素_id”）。追加（$（“

”）.text（“hello world”）

向下投票。请注意输入向下投票的原因！

newdiv = $("<div>something</div>");
$("#container").append(newdiv);

<html>
<head>
</head>
<script type="text/javascript">
var my_div = null;
var newDiv = null;

function addElement()
{

  newDiv = document.createElement("div");
  newContent = document.createTextNode("test");
  newDiv.appendChild(newContent);


  my_div = document.getElementById("org_div1");
  document.body.insertBefore(newDiv, my_div);
}

</script>

<body onload="addElement()">
<div id='org_div1'> The text above has been created dynamically.</div>
</body>
</html>

var ptag = document.createElement('p');
ptag.innerHTML = "hello world";
var someplace = document.getElementById('some_element_id');
someplace.appendChild(ptag);

<!-- HTML CODE -->
<div id="item">
this is only test
</div>

$(document).ready(function(){

    var item = "<span>New item</span>"
    /* PrependTo */
    $(item).prependTo('#item');

    /* AppendTo */
    $(item).appendTo('#item');


});