web-dev-qa-db-ja.com

innerHTMLに「改行」を追加します

最初のセルに画像を、2番目のセルに写真に関する情報を含むテーブルを作成しようとしています。

次のように、1つのセルに異なる情報を追加する必要があります。

cellTwo.innerHTML = arr_title[element] + arr_tags[element];

そこに「新しい行」を追加することは可能ですか？私はそのような意味です：

cellTwo.innerHTML = arr_title[element] + "/n" + arr_tags[element];
javascripthtml5innerhtml
20
Gudron Swiss

最も簡単な方法は、htmlとして改行を追加することです

cellTwo.innerHTML = arr_title[element] + "<br />" + arr_tags[element];

改行を文字どおりに扱いたい場合は、<pre>タグ

cellTwo.innerHTML = 
    "<pre>" + arr_title[element] + "\n" + arr_tags[element] + "</pre>";
23
Juan Mendes

理解を締めくくるには：

Html （innerHTML）であるため、htmlをレンダリングし、任意のhtmlを使用できます。したがって、この場合、単に古風な<br>：

var test = document.getElementById('someElementId');
test.innerHTML = "The answer <br>to life, the universe, and everything...<br> is 42.";

アラートボックスやテキストボックスなどの文字列の場合、/ nは正しいでしょう。

alert('Never /n Forget your towel.');

ハッピーコーディング！
-$ cr1ptN！nj @

6
cbur