[JS] InnerHTML

Pagina: 1
Acties:

Onderwerpen


Acties:
  • 0 Henk 'm!

  • Guuzz
  • Registratie: Maart 2005
  • Laatst online: 08-10-2022
Ik heb van http://www.w3schools.com/htmldom/prop_anchor_innerhtml.asp iets gelezen over InnerHTML, maar ik krijg het zelf maar niet werkend, terwijl het voorbeeld nog zo duidelijk is.
Ik wil namelijk afhankelijk van de gemaakte keuzes, andere keuzes beschikbaar stellen.
Het stukje code waar het om gaat, heb ik terug weten te brengen naar het onderstaande stukje dat niet werkt:

JavaScript:
1
2
3
4
5
6
7
8
9
<script type="text/javascript">
function stappen()
{
    document.getElementById('beslisboom').innerHTML = "HTML";
}
</script>

begin: <a href="beslisboom.html" onmouseover="stappen()">link</a><BR><BR>
<div id="beslisboom">test</div>


Ik heb me scheel gezocht op internet, maar heb niks kunnen vinden. Ik krijg constant de foutmelding 'Object wordt verwacht', op de regel waarin ik onmouseover="stappen()" heb staan.
Zou iemand me kunnen wijzen op wat ik fout doe?

Vriendelijk bedankt :)

edit1: code-tags
edit2: HTML zowel geprobeerd als "HTML" en HTML (waarde en variabele waar wat in zit)
edit3:wat ik vergeten was te zeggen: ik heb de InnerHTML-code ook als test vervangen door document.write. Dit werkte wel, maar ververste mijn pagina, wat uiteraard niet de bedoeling is.
edit4: code aangepast met "HTML" als waarde, daarnaast de <table> veranderd in <div> om het IE-probleempje uit te sluiten (ook getest in FF, maar die geeft geen foutmeldingen).

[ Voor 25% gewijzigd door Guuzz op 23-12-2008 23:41 ]


Acties:
  • 0 Henk 'm!

  • Noork
  • Registratie: Juni 2001
  • Niet online
Wat is 'HTML' dan? Is dat een variabele?

Acties:
  • 0 Henk 'm!

  • Kiphaas7
  • Registratie: Februari 2005
  • Laatst online: 24-09 14:47
Zoals Noork terecht opmerkt, gebruik je op dit moment geen quotes om je HTML waarde. Dat is prima als het een variabele is, iets minder prima als je wil dat de innerHTML de tekst HTML krijgt.

Overigens kan je code beter posten in code tags:
code:
1
[code][/code]

Of nog beter, in het geval van javascript:
code:
1
[code=js][/code]


Wat jij waarschijnlijk wil is het volgende (in het geval van de variabele):
JavaScript:
1
2
3
4
5
function stappen()
{
   var HTML = "HTML";
   document.getElementById('beslisboom').innerHTML = HTML;
}


Of in het geval van direct text:
JavaScript:
1
2
3
4
function stappen()
{
   document.getElementById('beslisboom').innerHTML = "HTML";
}


EDIT: staat overigens ook duidelijk op de site. :)

[ Voor 9% gewijzigd door Kiphaas7 op 23-12-2008 22:35 ]


Acties:
  • 0 Henk 'm!

  • crisp
  • Registratie: Februari 2000
  • Laatst online: 09:58

crisp

Devver

Pixelated

In IE kan je niet de innerHTML van een <table> overschrijven

Intentionally left blank