-2

JavaScript を学び始めたばかりで、テキストを印刷してブラウザでテストするための簡単なコードを以下に記述しました。

出力は次のとおりです。

これはJavaScript関数からのものです...

これは私のテスト見出しです

しかし、私は印刷されている文の順序を変更しようとしていました(印刷された2つの文を入れ替えます):

これは私のテスト見出しです

これはJavaScript関数からのものです...

上記の順序で印刷されたテキストを印刷するには、以下のコードにどのような変更が必要ですか。

<!DOCTYPE html>
<html>

<body>

<p id="demo">This is a paragraph.</p>
<p id = "demo1">This is demo1.</p>

</body>

<script>
//document.write("<h3>This is my test heading</h3>");
document.getElementById("demo1").innerHTML="This is my test heading";
</script>

<script>

//alert("My First JavaScript");

displaytext();

function displaytext()
{
    
    document.getElementById("demo").innerHTML="This is from a javascript function...";
    
}

</script>

</html>
4

2 に答える 2

1

HTML では、JavaScript 関数の順序は、HTML 要素を配置した順序ほど重要ではありません。

http://jsfiddle.net/3CpU7/

上記のフィドルには答えがあります。DIVを切り替える必要があります。

<p id = "demo1">This is demo1.</p>
<p id="demo">This is a paragraph.</p>

また、覚えておいてください - CSS を使用して、DIV に必要な動作を作成できます (フロート、クリア、位置など)。

編集：

また、HTMLマークアップを変更したくない場合は、DIVのコンテンツを次のように交換することも明らかです。 / )

document.getElementById("demo").innerHTML="This is my test heading";
displaytext();

function displaytext()
{

    document.getElementById("demo1").innerHTML="This is from a javascript function...";

}

最初の学習に役立つことを願っています。:)

于 2013-08-10T18:20:18.100 に答える