如何在javascript中添加html标签

Question

I want to add following html tag in javascript

<i class="fa fa-building"></i>

In javascript file

title: {
            text: 'Properties'
        };

I have done following

title: {
            text: '<i class="fa fa-building"></i>Properties'
        };

Answer 1

Use querySelector like so:

 var myObject = { title: { text: "Properties" } }; var elem = document.querySelector("i"); myObject.title.text = elem.outerHTML + myObject.title.text; console.log(myObject);

 <i class="fa fa-building"></i>

The \\" are just escaped quotes.

Answer 2

Get i tag by document.getElementsByTagName('i') and save it into object

 var html = document.getElementsByTagName('i'); let obj = {}; obj.text =html[0]; console.log(obj);

 <i class="fa fa-building"></i>