Javascript – .innerHTML changes auto close tags

by

From the documentation:

The innerHTML property sets or returns the HTML content (inner HTML) of an element.

Clearly, the content returned by this property has to be well-formed HTML and will definitely be rendered by browser with closing tags.

If you want to use elements inside elements and update the HTML of your desired GET object. Just create a normal string variable out of the content that you want to add and then sanitize it later on, and when you have the complete content that you desire, then update the .innerHTML with something like:

    //content is a variable that just holds the string representing the HTML Content

    var content = "<div class="large-6 columns Pages" id='Page" + PN + "' style="background-color: #" + i + i + i + ";">";
    content += "<div class="large-6 columns Pages" id='Page" + PN + "' style="display: none; background-color: #" + i + i + i + ";">";

    //close the divs or add more elements to the variable content

    Get.innerHTML = content; //At the end.

I hope this gets you started in the right direction.

More Related Contents:

  1. How can I disable clipboard and task-switching operations while my program or Web site is active?
  2. Link to a file and javascript simultaneously
  3. This doesn’t seem right? Javascript isn’t working
  4. Pure JavaScript equivalent of jQuery’s $.ready() – how to call a function when the page/DOM is ready for it [duplicate]
  5. console.log of element.children shows 0 length but has three entries when expanded later
  6. How to implement “select all” check box in HTML?
  7. Resize image with javascript canvas (smoothly)
  8. Refresh/reload the content in Div using jquery/ajax
  9. How to delete a localStorage item when the browser window/tab is closed?
  10. HTML/Javascript: how to access JSON data loaded in a script tag with src set
  11. How to submit a form with JavaScript by clicking a link?
  12. Input value is a string instead of a number
  13. Get list of data-* attributes using javascript / jQuery
  14. Jquery Mobile – $.mobile.changepage not loading external .JS files
  15. Create table with jQuery – append
  16. Run a website in fullscreen mode
  17. How to set HTML content into an iframe
  18. Where should I declare JavaScript files used in my page? In or near ?
  19. Screen Scraping from a web page with a lot of Javascript [closed]
  20. Bootstrap dropdown closing when clicked
  21. Preventing HTML and Script injections in Javascript
  22. Possible to disable @media queries or force a resolution? Reason: Allow an iphone to see the desktop site?
  23. Trying to load local JSON file to show data in a html page using JQuery
  24. Disable zoom on input focus in Android webpage
  25. CSS /JS to prevent dragging of ghost image?
  26. Include html in another html file [duplicate]
  27. Add Whatsapp function to website, like sms, tel
  28. How to keep elements non-refreshed
  29. jQuery selector to target any class name (of multiple present) starting with a prefix?
  30. How can I force input to uppercase in an ASP.NET textbox?

Leave a Comment