0

最初のDiv（innerHTML）をボタンで埋める相対位置ユーザーの2つのdivがあります最初のDivが埋められたときに2番目のDivを下に移動します

以下のリンクを表示 デモ

4

2 に答える 2

1

このような？jsFiddle

<!DOCTYPE html>
<html>
<head>
</head>
<body>
    <input type='button' value='Add' onclick='AddEl()' />
    <div style='position:relative;background-color:Red'>
    01
    <div id='Content' style='position:relative;background-color:Green'>
    </div>
    </div>
    <div style='position:relative;background-color:Blue'>
    Hagh
    <div>
<script>
function AddEl()
{
document.getElementById('Content').innerHTML='Ya';
}
</script>

</body>
</html>
​

sのネストが間違っていました<div>。

于 2012-09-10T11:32:44.717 に答える
0

あなたの質問を理解するのは本当に大変でした。次回は全文を書いてください。しかし、私はあなたが達成したいことを理解したと思います。
開いているdivを保持するだけではなく、閉じる必要があります。divの後に書くだけ</div>です。
div内でdivを開く場合、親div内のinner-divの横に少なくともいくつかのスタイルまたはその他のコンテンツがあります。
それらを修正すれば、それはあなたのために働くでしょう。

修正されたコードは次のとおりです。

<!DOCTYPE html>
<html>
<head>
</head>

<body>
<input type='button' value='Add' onclick='AddEl()' />
<div style='position:relative;background-color:Red'>
01
</div>
<div id='Content' style='position:relative;background-color:Green'>
</div>
<div style='position:relative;background-color:Blue'>
Hagh
</div>
</body>
<script>
function AddEl()
{
document.getElementById('Content').innerHTML='Ya';
}
</script>
</html>
于 2012-09-10T11:41:51.600 に答える