javascript create element with array

Question

I get a array from my database and i m trying to create a element but it's not working. this is my simplify code

var objecthtml = {

	id : 1,
	html: '<div> </div>',
	css: 'colonne'
}

console.log(objecthtml.html);
console.log(objecthtml);

var myArray = [objecthtml];
console.log(myArray);

let block =  document.createElement(objecthtml.html);

this is the error message :

InvalidCharacterError: String contains an invalid character

i can't change my array because it's register in my database like that and i have the work with this data type — hlkl bklk
– hlkl bklk, Commented Jun 26, 2018 at 8:09

Guillaume Georges · Accepted Answer · 2018-06-26 08:16:59Z

2

document.createElement takes a HTML tag name as a parameter. If you want to create an element with the HTML code that's in your object's property, you can create a container element and put that HTML code in its innerHTML property.

var objecthtml = {
	id : 1,
	html: '<div>Oh yeah</div>',
	css: 'colonne'
}

let block =  document.createElement("div");
block.innerHTML = objecthtml.html;

document.body.appendChild(block);

edited Jun 26, 2018 at 8:16

answered Jun 26, 2018 at 8:11

Guillaume Georges

4,0204 gold badges17 silver badges34 bronze badges

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

Comments

Muhammad Usman · Accepted Answer · 2018-06-26 08:08:56Z

0

To create an element you just use the tag name like p, div, h1 etc.

And exceptions clearly says that about bad tag name

var objecthtml = {

	id : 1,
	html: 'div',
	css: 'colonne'
}

console.log(objecthtml.html);
console.log(objecthtml);

var myArray = [objecthtml];
console.log(myArray);

let block =  document.createElement(objecthtml.html);

answered Jun 26, 2018 at 8:08

Muhammad Usman

10.1k26 silver badges41 bronze badges

Comments

Isaac · Accepted Answer · 2018-06-26 08:28:03Z

0

You can refer to documentation, the parameter that expecting is tagName which is div but you passed in <div> </div>

var newDiv = document.createElement("div");

So instead you can try following

var objecthtml = {

	id : 1,
	html: '<div> </div>',
	css: 'colonne'
}

let rgx = /^(.+\s)|(?:=["'\s]?)(.*)(?:["'\s>]?)/g;
let fullTag = rgx.exec(objecthtml.html)[0].trim();
var realTag = fullTag.substring(1,fullTag.length-1);
let block =  document.createElement(realTag );

edited Jun 26, 2018 at 8:28

answered Jun 26, 2018 at 8:08

Isaac

13k18 gold badges66 silver badges135 bronze badges

2 Comments

hlkl bklk Over a year ago

i know that but i can't change the objecthtml

Isaac Over a year ago

@hlklbklk: Please try my updated answer which using the regex to grab the tag since you mentioned you can't change the objecthtml

Collectives™ on Stack Overflow

javascript create element with array

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related