Question

i have this code

var tmpEl = document.createElement('div')
tmpEl.innerHTML = stringEl;
return tmpEl.firstChild

which i use for converting text to Dom node.
The problem is that if stringEl contains <tr> tag i must create table tag not div for this to work.Also if want this code to work with stringEl contaning li tag i must create ol or ul insted of div tag. Is there any generic for converting string to Dom node?
Best Regards,
Iordan

Answer 1

function domNode(nodeType, text) {
var node = document.createElement(nodetype);
node.appendChild(document.createTextNode(text));
return node;
}

domNode('p', 'Hello World!');

Something like that allows you to choose a tag.

Edit: In fact…

function domNode(nodeType, text) {
    var node = document.createElement(nodetype);
    if (text) node.appendChild(document.createTextNode(text));
    return node;
    }

var myList = domNode('ul').appendChild(domNode('li', 'This is a list item!'));