Question

193

Javascript If statement to run some html code

rated 0 times [ 200] [ 7] / answers: 1 / hits: 23466 / 13 Years ago, fri, june 10, 2011, 12:00:00

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.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

mckenna

Add To Favorites

Follow

Total Points: 445

Total Questions: 109

Total Answers: 109

Location: Virgin Islands (U.S.)

Member since Sun, May 16, 2021

3 Years ago

mckenna questions

1 Laravel Livewire: Component in Foreach loop. Button Click shows on all items instead of Single item

Mon, Sep 6, 21, 00:00, 3 Years ago

1 Jest mock aws-sdk ReferenceError: Cannot access before initialization

Sat, Apr 11, 20, 00:00, 4 Years ago

1 Nest js POST Request Not Recognizing DTO method

Fri, Mar 20, 20, 00:00, 4 Years ago

1 How to use prop inside another prop as default value in vuejs

Thu, Mar 28, 19, 00:00, 5 Years ago

1 Javascript: Bind/unbind function behavior

Tue, Nov 27, 18, 00:00, 6 Years ago

View All

answered 13 Years ago mariselas · Accepted Answer

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></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 = 

}