Javascript If statement to run some html code

Question

I've got a little bit of javascript embedded in my html (using a .aspx file). I want to perform some sort of if statement which then determines whether or not some sort of chart is displayed. This chart is displayed using html, and I'm assuming the if statement should be written in javascript. However, I don't really know how to "run" this html code from within java. It is basically just drawing a table. Any suggestions? I've seen document.write, but I've only seen that being used with single lines.

Answer 1

You don't really "run" an HTML code. HTML is a markup language and it is mostly used to format and arrange elements that are displayed in the web browser.

The problem you are probably trying to solve is: Display or hide an element based on some condition. A JavaScript code like this is what you want.

if (condition) {
    document.getElementById('chart').style.display = "none"
} else {
    document.getElementById('chart').style.display = ""
}

Of course whatever element is responsible for displaying the chart should have an id="chart" attribute. e.g. <div id="chart"><!-- Chart related code goes here --></div>.

The JavaScript code I have given alters the display CSS property of this element to hide it or make it visible.

In case this is not what you want but you want to dynamically modify the HTML responsible for the chart, then you need to use the innerHTML property of the element.

Example:

if (condition) {
    document.getElementById('chart').innerHTML = "<!-- HTML Code for the chart here -->"
} else {
        document.getElementById('chart').innerHTML = ""
}