KnowledgeHub
Questions
Tags
Users
Search
Alex Rivera
|
Logout
Edit Question
Title
Body
I'm looking at a problem that needs a complex block of divs to be created once for each element in a set of ~100 elements. Each individual element is identical except for the content, and they look (in HTML) something like this: <div class="class0 class1 class3"> <div class="spacer"></div> <div id="content">content</div> <div class="spacer"></div> <div id="content2">content2</div> <div class="class4">content3</div> <div class="spacer"></div> <div id="footer">content3</div> </div> I could either: 1) Create all the elements as innerHTML with string concatenation to add the content. 2) Use createElement , setAttribute and appendChild to create and add each div. Option 1 gets a slightly smaller file to download, but option 2 seems to be slightly faster to render. Other than performance is there a good reason to go via one route or the other? Any cross-browser problems / performance gremlins I should test for? ...or should I try the template and clone approach? Many thanks.
Tags (comma-separated)
Save Edits
Cancel