Jquery html() function

Question

I need to append a html file inside a div.

While doing jquery html(), it is removing the html & body tags.

How to retain those tags?

Refer this snippet:

$('.html-file').html('<html><p>Hello</p></html>'); //it is removing html tag

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="html-file">
</div>

There is no need to add the <html> tag agian. This should only be added once — Carsten Løvbo Andersen
– Carsten Løvbo Andersen, Commented Nov 9, 2017 at 7:08
if you want to show the text then .text() is what you need — guradio
– guradio, Commented Nov 9, 2017 at 7:09
The question is, why do you want to keep them? What's the real problem you're trying to solve? — JJJ
– JJJ, Commented Nov 9, 2017 at 7:14
I am getting a html mail template file from server and put it in a div so that the user can edit the text & I will update those changes in html directly & finally I will send that html to the server. — phenomenal
– phenomenal, Commented Nov 9, 2017 at 7:18
Yeah, well, this is really not the right way to do it. Interactive HTML editor inside a web page is a bit more complicated than that. — JJJ
– JJJ, Commented Nov 9, 2017 at 7:22

Expressingx · Accepted Answer · 2017-11-09 07:09:09Z

1

$('.html-file').html('<p>Hello</p>');

There is no need to add html tag in div

answered Nov 9, 2017 at 7:09

Expressingx

1,5923 gold badges18 silver badges48 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Blesson Christy · Accepted Answer · 2017-11-09 07:11:57Z

0

Try:

$('.html-file').append('<p>Hello</p>')

If you need to 'append' content to div.

answered Nov 9, 2017 at 7:10

Blesson Christy

3903 silver badges13 bronze badges