Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div id="foo"></div>
- <script type="text/javascript">
- var longString = '<div id="lol">
- <div id="otherstuff">
- test content. maybe some code
- </div>
- </div>';
- document.getElementById('foo').innerHTML = longString;
- </script>
- var longString = makeHTML([{
- div : {
- id : "lol",
- children : [{
- div : {
- id : "otherstuff",
- children : [{
- text : "test content. maybe some code"
- }]
- }]
- }]
- makeHTML([{
- span : {
- onclick : function (event) {/* do something */}
- }
- }]);
- function makeElement (tag, spec, children) {
- var el = document.createElement(tag);
- for (var n in spec) {
- if (n == 'style') {
- setStyle(el,spec[n]);
- }
- else {
- el[n] = spec[n];
- }
- }
- if (children && children.length) {
- for (var i=0; i<children.length; i++) {
- el.appendChild(children[i]);
- }
- }
- return el;
- }
- /* implementation of setStyle is
- * left as exercise for the reader
- */
- document.getElementById('foo').appendChild(
- makeElement(div,{id:"lol"},[
- makeElement(div,{id:"otherstuff"},[
- makeText("test content. maybe some code")
- ])
- ])
- );
- /* implementation of makeText is
- * left as exercise for the reader
- */
- var lol = document.getElementById("template_lol").clone();
- lol.firstChild.innerHTML = "code and stuff";
- foo.appendChild(lol);
- <body>
- <div>normal stuff</div>
- <div style="display:none" id="templateBucket">
- <div id="template_lol"><div class="otherstuff"></div></div>
- </div>
- </body>
- var longString =
- '<div id="lol">' +
- '<div id="otherstuff">' +
- 'test content. maybe some code' +
- '</div>' +
- '</div>';
- <script type="text/x-my-stuff" id="longString">
- <div id="lol">
- <div id="otherstuff">
- test content. maybe some code
- </div>
- </div>
- </script>
- <script type="text/javascript">
- var longString = document.getElementById("longString").text;
- document.getElementById('foo').innerHTML = longString;
- </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement