-3

既に動的に作成された div内に div を作成して挿入しようとしています:

var parentDiv = document.createElement('div');
var inner = "stuff";
parentDiv.innerHTML = inner;
someRootDiv.appendChild(parentDiv);

var childDiv = document.createElement('div');
inner = "more stuff";
childDiv.innerHTML = inner;
parentDiv.appendChild(childDiv);

ただし、子 div は親 div 内に表示されず、次の div であるかのようにその下に表示されます。どこが間違っていますか？

4

3 に答える 3

2

投稿したコードは、div を別のもの (コードのデモ) 内に配置します。スパンのように、それらが並んでいないという事実に言及していますか?

これは、スパンがインラインであるのに対し、div がブロック要素であるためです。CSS で表示モードを変更することで、これを変更できます。

display: inline;

または単にスパンの使用に切り替えます。

于 2012-08-27T11:01:22.903 に答える
0

これを試して

var parentDiv = document.createElement('div');
var inner = "stuff";
parentDiv.innerHTML = inner;
someRootDiv.appendChild(parentDiv);

var childDiv = document.createElement('div');
inner2 = "more stuff";
childDiv.innerHTML = inner2;
parentDiv.appendChild(childDiv);​

デモ

于 2012-08-27T11:00:54.167 に答える
-1

変更はほとんど必要ありません。

これを試して ：

<script>
function fun(){
var parentDiv = document.createElement('div');
var inner = "stuff data";
parentDiv.innerHTML = inner;
document.getElementById("maindiv").appendChild(parentDiv);

var childDiv = document.createElement('div');
inner = "more stuff inside parent Div";
childDiv.innerHTML = stuff;
parentDiv.appendChild(childDiv);

}
</script>

ボディタグ内：-

<body onload="fun()">
<div id="maindiv">

</div>
</body>

うまくいきます。お役に立てば幸いです。

于 2012-08-27T11:15:51.080 に答える