[SOLVED] innerHTML issue!

[kucing]

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

 

 

[bennyboywonder]

try this...

 

var string = "<p>html to add...</p>";
document.getElementById('testInject').innerHTML += string;

[nloding]

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;

[kucing]

Thanks you very much nloding and bennyboywonder

Both the way works fine

 

Appreciate your help