create div horizontal layout element dynamically with javascript

Question

How can I create <div horizontal layout></div> element dynamically using javascript?

i can create div element with document.createElement("div"); but how do I add horizontal layout to it?

After creating element, you can add class name to the element. see http://stackoverflow.com/questions/507138/how-do-i-add-a-class-to-a-given-element — javafan, Jan 27 '15 at 20:48
but that is not a class, i know how to set attributes, but it doesn't work there — TechnoA, Jan 27 '15 at 20:51
What do you mean by horizontal layout? Can you put some more details? — javafan, Jan 27 '15 at 20:52
Another work around is get parent element and append string "
" using innerHtml — javafan, Jan 27 '15 at 20:54
would work if tags had blank tags? like horizontal='' and layout=''? The better practice is innerHTML, indeed. — rafaeldefazio, Jan 27 '15 at 20:57
could you give me an example with innerHtml? don't really know what you mean — TechnoA, Jan 27 '15 at 21:01
Ok, createAttribute looks to work. TY. I'll try to give an example. — rafaeldefazio, Jan 27 '15 at 21:01
how does createAttribute works? How do i set this attribute to my div after I created it? — TechnoA, Jan 27 '15 at 21:09

score 3 · Accepted Answer · edited May 23 '17 at 11:52

<html>
<head>

<script type="text/javascript">
window.onload = function() {

newdiv = document.createElement("div");
newdiv.setAttribute('horizontal', '');
newdiv.setAttribute('layout', '');
document.body.appendChild(newdiv);
// You can insertBefore() too.

// Or... document.body.innerHTML = document.body.innerHTML + '<div horizontal layout></div>';

}
</script>
</head>
<body>
</body>
</html>

Some helpful links:

http://www.w3schools.com/jsref/met_document_createelement.asp

Adding elements to the DOM

Searching elements in DOM

How to add or update an attribute to an HTML element using JavaScript?

And so on.

Mark as answer then ;P Have a nice day. – rafaeldefazio Jan 27 '15 at 21:35 — rafaeldefazio, Jan 27 '15 at 21:35

create div horizontal layout element dynamically with javascript

1 Answers1