Jump to content

[SOLVED] innerHTML issue!


kucing

Recommended Posts

Hi and thank you reading my issue:)

 

We all know that when we use innerHTML it clear the old data and inject the new data in it.

 

However I am looking for a way which I want my old data there and also want to inject the new

 

Example:

 

<script language="JavaScript" type="text/javascript">

function test(data){
document.getElementById('testInject').innerHTML = ''+data+'';
}

</script>

<div id="testInject">
</div>


<a href="javascript:test('This is a test data example');">DATA</a>

 

Output:

This is a test data example

 

I want something like when I click it 10 times it should give me the ouput for ten times

 

Please any hint for this one.

 

Appreciate your help.

K

 

 

Link to comment
Share on other sites

That should work.  If it doesn't, what I would do is make a new variable with it's value being the old innerHTML value, then add to that.

 

var newstuff = "<p>Here's my new string</p>";
var oldstuff = document.getElementById('testInject').innerHTML;

oldstuff += newstuff;

document.getElementById('testInject').innerHTML = oldstuff;

Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.