Home/ Questions/Q 1020959
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-16T11:14:17+00:00

in my html: <head> <link href=/prop-view.css media=screen rel=stylesheet type=text/css> <script src=/javascripts/jquery-1.3.2.min.js type=text/javascript></script> <script type=text/javascript>

  • 0

in my html:

<head>
<link href="/prop-view.css" media="screen" rel="stylesheet" type="text/css">
        <script src="/javascripts/jquery-1.3.2.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            var $j = jQuery.noConflict();
        </script>
        <script src="/prop-view.js" type="text/javascript"></script>

in my prop-view.js file:

$j("<div class='dk-logo'></div>").appendTo("body");

The inspector shows no errors. But the image doesn’t show up. It does, however, when I copy and paste that line into the console. So… my guess is the js file is running before the document is fully loaded?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Make sure the DOM is loaded first by doing this:

    $j(function() {
    $j("<div class='dk-logo'></div>").appendTo("body");
});

    This is a shortcut for jQuery’s ready() function. The code inside is not executed until the <body> tag is fully loaded.

    Because you were placing the code before the <body> tag, there was no <body> yet to which to append.

    • 0