Home/ Questions/Q 1079611
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-16T21:53:49+00:00

Here is source code of the simple page: <html> <head> <title>Test</title> <script src=jquery-1.4.2.js type=text/javascript></script>

  • 0

Here is source code of the simple page:

<html>
<head>
    <title>Test</title>
    <script src="jquery-1.4.2.js" type=text/javascript></script>
</head>
<body>
    <div id="divText">Original</div>

    <script type="text/javascript">
        var vText = document.getElementById('divText');
        vText.innerText = 'Changed';
        alert(vText.innerHTML);
        $('divText').text = 'Changed with jQuery';
        alert(vText.innerHTML);
    </script>
</body>
</html>

“jquery-1.4.2.js” file is in the same folder.

Both alerts display “original” text, text in browser also “Original”…

What is wrong with my code? Any thoughts are welcome.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    As you pointed out in the title you’ll be wanting to change the inner html. You’ll also need the $('#divText') selector to get to the div with jQuery.

    <html>
<head>
    <title>Test</title>
    <script src="jquery-1.4.2.js" type=text/javascript></script>
</head>
<body>
    <div id="divText">Original</div>

    <script type="text/javascript">
        var vText = document.getElementById('divText');
        vText.innerHTML = 'Changed';
        alert(vText.innerHTML);
        alert($('#divText'));
        $('#divText').html('Changed with jQuery');
        alert(vText.innerHTML);
    </script>
</body>
</html>
    • 0