2017-05-01 2 views
1
のString

で挿入
は、私はかなり長いcompund文字列を持っている、のは、言ってみましょうJavascriptを

var listElement = document.createElement("li"), 
container = document.querySelector("#resultlist"); //I have a <ul id="resultlist"> 
listElement.appendChild(document.createTextNode(result)); 
container.appendChild(listElement); 

どのようにして<br />タグを追加することができますか?ストリングの2番目と3番目の部分?だから、私は次のようなものが必要です:

result = string1 + " - " + string2 + " <br /> " + string3; 

(しかし、その試みはタグを表示するだけです)。
私はすでに\ nコマンドも試しましたが、これはウェブサイトの出力には影響しませんでした。

ありがとうございました!

+3

あなたはテキストノードを作成しています。要素を作成して、Javascriptを使って 'innerHTML'プロパティを設定してみてください。また、 '#'は* id * '.'は* cssクラス用です* https://developer.mozilla.org/en-US/docs/Web/API/Document/createElement –

+0

もう一つはラッピングですあなたの結果はスパンです: 'result =" "+ string1 +" - "+ string2 +"
"+ string3 +"
" –

+2

あなたが書いている内容を読んでください。 "作成**テキスト**ノード"。 HTMLはテキストではありません! –

答えて

-1

<br />タグはHTMLです(少なくともHTMLと解釈する必要があります)。名前が示すように、createTextNode()を使用してページにHTMLを追加することはできません。代わりにinnerHTMLを使用してください。

var result = "First String" + " - " + "Second String" + " <br /> " + "Third String", 
 
listElement = document.createElement("li"), 
 
container = document.querySelector("#resultlist"); //I have a <ul id="resultlist"> 
 
listElement.innerHTML = result; 
 
container.appendChild(listElement);
<ul id="resultlist"></ul>

+0

'string1'などにHTMLタグが含まれている場合、これは同じではありません。元のコードは文字通りそれを表示します。 – Barmar