Access <div> element from another template.using JS

[abhishekoza]

Hi,
I am developing a website . The home page contains 10 different html templates.
What I need to do is that i want to access a div tag from a template which is defined in another html template. I tried

document.getElementById('d').innerHTML="some text";

but it is showing null.

Is there any way to define <div> as global so it is accessible from any other html template.

Kindly help me on this.

[acoder]

Are you using iframes or frames to include the HTML pages?

If so, you need to access the (i)frame first and then access the elements within.

[abhishekoza]

Are you using iframes or frames to include the HTML pages?

If so, you need to access the (i)frame first and then access the elements within.

I am using neither of them. My final html page consists of different templates(html pages). I am using symfony framweork for development. The html code is written in symfony templates & then the templates are included into a final template which displays an html page.

[gits]

the javascript code runs when the page is rendered at the client - so to be sure that the div with the id 'd' (the one you use) is available for the dom-method then you should ensure that the execution of the javascript code is triggered when the page is fully loaded and the dom is ready to use - you might use the documents onload event for this purpose ...

kind regards