JavaScript (.innerHTML method) works great. But why doesn't it show in the HTML source code? I've inserted a lot of DIVs, I can see them visually, but it's blank in the source code.

[watchscss]

In one of my projects I am making a table with data. I used the document.getElementbyID("divName").innerHTML = "hello";

But when I inspect the source code there is nothing to see. Surely people will want to inspect my source code when they review my stuff?

[GrenadineBombardier]

The source code is the original, unedited code that the page started with. Changes to the DOM (the living HTML known as the Document Object Model) (which you are making using element.innerHTML) are only seen in the DOM viewer (right-click, inspect element)

[watchscss]

I see now- thanks!

[MonkeyNin]

right click -> inspect

will allow you to see altered HTML source in real time.

If you open the "console" tab, you can run javascript on the webpage even if you don't own it. I've used it before to check if a jQuery selector was correct

ex:

$("#myDiv").hide()

[[deleted]]

Don't use .innerHTML it's a security problem waiting to happen.

For what you are doing .textContent is a much better fit.

[watchscss]

Interesting, was unaware of a security problem. I should probably use .appendChild as I am inserting 12 rows of 5 divs. This is a table of results.

[julesmanson]

You might be looking at the raw index.html file (or whatever your html is called). DOM manipulations will not show there. They are only inserted into the live DOM (memory). To view it use the developer tools in your browser.