Home/ Questions/Q 8593251
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-11T23:56:46+00:00

Real simple but I’m starting with javascript so it should be quickly soved I

  • 0

Real simple but I’m starting with javascript so it should be quickly soved

I have this html:

<body>
<div id="content">
        <div id="logo">
            <noscript>
            <img src="fin_palais.png"/>
            </noscript>
        </div>
</div>
</body>

and i want to select the div with an id of “logo” with javascript to then overwrite the <noscript> with the apropriate file ( a simple browser test to see if you can support SVG )
this innerHTML look like this:

document.getElementById('logo').innerHTML='<content to be added>';

Firebug send me this error: TypeError: document.getElementById(“logo”) is null
but its right there!
Thanks

okay so here is the full HTML:

<html>
<head>
    <META CHARSET="UTF-8">
    <title>Bienvenu au Fin Palais</title>
    <script type="text/javascript" src="svg_support.js"></script>
    <script type="text/javascript">getSvgSupport("fin_palais")</script>
</head>
<body>
<div id="content">
        <div id="logo">

            <noscript>
            <img src="fin_palais.png"/>
            </noscript>
        </div>
</div>
</body>
</html>

and here’s the full svg_support.js I’ve made;

function getSvgSupport(file)
            {

                var ua = navigator.userAgent;
        if( ua.indexOf("Android") >= 0 )
            {
          var androidversion = parseFloat(ua.slice(ua.indexOf("Android")+8)); 
          if (androidversion <= 2.3)
                {
                document.getElementById('logo').innerHTML='<img src="',file,'.png"/>';

                }


            } else {
                document.getElementById('logo').innerHTML='<!--[if lt IE 9]><img src="',file,'.png"/><![endif]--><!--[if gte IE 9]><!--><embed src="',file,'.svg" type="image/svg+xml" /><!--<![endif]-->';
            }
        }
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    yes that is the only reason, and since you seem new to javascript I guess this would make more sense to you

    window.onload=function(){
document.getElementById('logo').innerHTML='<content to be added>';
}

    You see when your script runs you page has not loaded. so you must use window.onload.

    Or you can use this too, if your code is in file.js:

    <script defer src="file.js"> </script>

    this makes sure your code doesn’t run unless document is parsed.

    • 0