Home/ Questions/Q 6621911
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-25T21:20:03+00:00

What I am trying to accomplish is, using jQuery, dynamically replace the content (generated

  • 0

What I am trying to accomplish is, using jQuery, dynamically replace the content (generated from another javascript) of div tag with id=”Test”.

<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
<script type="text/javascript">
$(function(){
    $("#Test").html('<b>test content</b>');
});
</script>
</head>
<body id="testAgain">
begin
<div class="scrollable">   
    <div class="items" id="Test">
    </div>
</div>
end
</body>
</html>

As you can see, 

$("#Test").html('<b>test content</b>');

replaces the html code of div tag with id=”Test” with html code 

<b>test content</b>

this works perfectly fine. I am getting rendered html as 

begin 
test content
end 

<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
<script type="text/javascript">
function TestScript(){
document.write('<b>test content</b>');
    };
</script>
<script type="text/javascript">
$(function(){
    $("#Test").html(TestScript());
});
</script>

</head>
<body id="testAgain">
begin
<div class="scrollable">   
    <div class="items" id="Test">
    </div>
</div>

end
</body>
</html>

Here, 

$("#Test").html(TestScript());

replaces the html code of div tag with id=”Test” with generated html from javascript 

TestScript()

I am getting rendered html as 

test content

It replaces the entire content of the html file. How to resolve this problem?

Kindly help.

Thanks,
John

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Try this:

    <script type="text/javascript">
function TestScript(){
    return '<b>test content</b>';
};
</script>
    • 0