InnerHtml en vez de textnode ¿cómo hacerlo?

[Protegon]

Esto funciona perfectamente:

Código:

<script type="text/javascript">
function addtext(what){
if (document.createTextNode){
var mytext=document.createTextNode(what)
document.getElementById("mydiv").appendChild(mytext)
}
}
</script>
<div id="mydiv" onClick="addtext('This Text was added to the DIV')" style="font:20px bold; cursor:hand">Click here for example</div>

pero yo necesito que esto quede exactamente igual con la diferencia de poder insertar html en la parte donde dice This Text was added to the DIV para poder hacer esto:

Código:

<script type="text/javascript">
function addtext(what){
if (document.createTextNode){
var mytext=document.createTextNode(what)
document.getElementById("mydiv").appendChild(mytext)
}
}
</script>
<div id="mydiv" onClick="addtext('<img src="LINK DE LA IMÁGEN" />"')" style="font:20px bold; cursor:hand">Click here for example</div>

Intenté haciendo esto:

Código:

<script type="text/javascript">
function addtext(what){
if (document.innerHTML){
var mytext=document.innerHTML(what)
document.getElementById("mydiv").appendChild(mytext)
}
}
</script>
<div id="mydiv" onClick="addtext(' This Text was added to the DIV.<br /> adasda')" style="font:20px bold; cursor:hand">Click here for example</div>

solo reemplazando el

Podrían ayudarme con esto de transformar el createTextNode por el innerHTML pero no me ha servido de nada.

gracias de antemano.

[Didi-chan]

Creo que deberia ser así, prueba a ver. Aunque no entiendo que pretendes preguntandole eso al if...

Código:

<script type="text/javascript">
function addtext(what){
if (document.innerHTML){
document.getElementById("mydiv").innerHTML = what;
}
}
</script>
<div id="mydiv" onClick="addtext(' This Text was added to the DIV.<br /> adasda')" style="font:20px bold; cursor:hand">Click here for example</div>

[Protegon]

Iniciado por Didi-chan

Creo que deberia ser así, prueba a ver. Aunque no entiendo que pretendes preguntandole eso al if...

Código:

<script type="text/javascript">
function addtext(what){
if (document.innerHTML){
document.getElementById("mydiv").innerHTML = what;
}
}
</script>
<div id="mydiv" onClick="addtext(' This Text was added to the DIV.<br /> adasda')" style="font:20px bold; cursor:hand">Click here for example</div>

Le quité el if y he hecho lo que me haz dicho

Código:

<script type="text/javascript">
function addtext(what){

document.getElementById("mydiv").innerHTML = what;
}

</script>
<div id="mydiv" href="javascript:void(0)" onClick="addtext('This Text was added to the DIV.<br /> adasda')" style="font:20px bold; cursor:hand">Click here for example</div>

y me ha servido demasiado bien men, te agradezco la ayuda a este noob.

GRACIAS!