階段パターンのjavascript - javascript、html

Javascriptのこの関数は、期待どおりに機能しません。ただし、Cで記述されている場合は、必要に応じて機能します。

 var patt_2 = function()
{
for(i=5;i>=1;i--)
{
for(j=1;j<i;j++)
{
$("#panel8").append(" ");
}
for(k=5;k>=i;k--)
{
$("#panel8").append("*");
}
$("#panel8").append("<br/>");
}
};

望ましくない出力

望ましい出力

回答：

あなたが与えることができます #panel8 次の要素を使用して、非   複数の空白も許可する文字：

#panel8 {
white-space: pre;
}

あなたはできる ここをクリック これが何をするのか、引用：

この値は、ユーザーエージェントが空白のシーケンスを折りたたむのを防ぎます。行は、保持されている改行文字でのみ壊れます。

基本的に、HTMLは空白文字を折りたたみます（" "）を使用する場合、1つのスペースを作成します   この問題を克服しますが、一般的にlierいコードを作成します（追加する必要があるため） " " 常にあなたのストリングに）。

要素が持つことができる場合 white-space: pre; これは、スクリプトを編集する必要のない、クリーンで簡単なソリューションです！

追伸「それが機能するJSではなく」、HTMLまたは空白を折りたたむHTMLパーサーです。