まだタグが1つもないタグを追加するにはどうすればよいですか？

Question

私は例えば、このHTMLコードをお持ちの場合：私は、このタグなしLoremのイプサムのテキストのように、私は任意のタグを持っていないすべてのテキストのタグ<p></p>を追加することができますどのように

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod 
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo 
consequat. 

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod 
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo 
consequat. 

を？

Answer 1

あなたのフルテキスト/ lipsumがいくつかdivまたは他のhtmlタグに包まれていると仮定：

<div class="text"> 
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
</div> 

あなたは、その後、新しい行によって分割、段落を見つけることができます再周囲のpタグを挿入してください。あなたが脂肪の矢印に不慣れなら

const element = $('.text') 
const content = element.html() 
const lines = content.split('\n') 
const paragraphs = lines.filter(x => x) 
const html = paragraphs.map(x => '<p>' + x + '</p>').join() 
element.html(html) 

（X => ...）私が知っていると私は

https://jsfiddle.net/wtLs7ef6/2/

Answer 2

段落の配列を使用して、段落ごとに新しいノードを作成できます。その後、document.bodyに追加します。

var text = ['Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.', 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.']; 
 

 
text.forEach(function (t) { 
 
    var p = document.createElement('p'); 
 
    p.appendChild(document.createTextNode(t)); 
 
    document.body.appendChild(p); 
 
});