0

ユーザーが単語のリストをクリックできるようにするdivに取り組んでいます

  • *私たちに関しては
  • よくある質問
  • サービス
  • コンタクト

それらの単語のすぐ隣にあるdivでは、コンテンツはjavascript文字列置換を使用して変更されます。私が遭遇している問題は、リテラルのエスケープ文字を使用して、これらの段落の文字列を新しい行に配置することです。

これが私が使っているjavascriptコードの例です。

else if(x == "faqButton"){
    //alert("FAQ Button");
    document.getElementById('informationContent').innerHTML ="FAQ Click";   
}

テキストを正しくフォーマットする方法を理解すると、コンテンツ「faqclick」は最終的に置き換えられます。明らかにこれはコード全体ではありませんが、残りを修正するために必要な例は1つだけです。次の行に「クリック」を配置するにはどうすればよいでしょうか。新しいdivでは、次のように配置されます。

FAQ
クリック

私はもう試した

document.getElementById('informationContent').innerHTML ="FAQ /n Click";
document.getElementById('informationContent').innerHTML ="FAQ" + /n + "Click";

どちらも機能せず、一番下の1つは私のコードを完全に壊しました。

助けてください

4

1 に答える 1

6

を設定すると、 HTMLinnerHTMLが提供されます。ソーステキストの改行は、HTMLの単なる空白です（作成するHTMLファイルの改行を考えてみてください）。（つまり、CSSを介して適用された要素または同様の要素内にある場合を除きます。）prewhite-space: pre

実際に物事を異なる行に表示するには、通常、<br>それらの間で使用するか、一連のブロックレベルの要素を使用します。後者はおそらくナビゲーションでより一般的です。

たとえば、次のようになります。

this.innerHTML = "FAQ<br>Index";

実例| ソース

または

this.innerHTML = "<div>FAQ</div><div>Index</div>";

実例| ソース

繰り返しになりますが、要素（通常、新しい要素が人気を集めていますが、要素内でCSSを介してli要素に適用される要素）を使用することは、ナビゲーションでより一般的です。display: blockulnav

于 2013-03-15T14:34:06.590 に答える