2

document.createElementを使用すると、javascriptは本文の下部に要素を追加します。特定の場所に要素を追加するにはどうすればよいですか？（document.createElementプロパティを使用すると、新しい変数に格納することを意味します）

4

5 に答える 5

2 
<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>
于 2012-04-24T14:23:00.657 に答える
2

document.createElementを使用すると、javascriptは本文の下部に要素を追加します。

いいえ、要素は返されますが、何にもアタッチされていません。あなたはそれを自分でする必要があります：

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

それは単純なjsです。jqueryの手法は簡潔です。

于 2012-04-24T14:24:13.167 に答える
1

jqueryを使用して、任意のDOM要素の最初または最後にdom/Elementを追加できます。

以下の例を参照してください

</ p> 

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

JQUERYスクリプト：

$(document).ready(function(){

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

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


});
​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

こことここでjqueryのドキュメントを参照してください

于 2012-04-24T14:31:31.623 に答える
0

ええと、私は間違っている可能性がありますが、jQueryを使用している場合は、次のようなものを探していますか？

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

$(".divs")また、 procs asのような要素（オブジェクト配列）のjQueryリストがある場合[[Object Object], [Object Object]]（各[Object Object]はクラスを含むdiv要素です.divs）、そのリストに新しい要素を追加できます（ur rdyまでhtml本体に貼り付ける必要はありません）。 ）を行うことによって

$(".divs").add(newDiv);
于 2012-04-24T14:21:01.813 に答える
0

要素を別の要素の子として追加するだけです。

例えば：

HTML

<body>
<div id="container"></div>
...
[page content here]
...
</body>

JS

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

のドキュメントを参照してくださいappend

于 2012-04-24T14:22:59.160 に答える