Browse DevX
Sign up for e-mail newsletters from DevX

Tip of the Day
Language: Web
Expertise: All
May 27, 1999



Building the Right Environment to Support AI, Machine Learning and Deep Learning

Use innerText in DHTML to Change Text on the Fly

With Dynamic HTML and Internet Explorer 4 and 5 you can update the text on the page after the page is rendered. The trick is to use the ID attribute as a unique identifier for the tag. As the user rolls the cursor over the text, the onmouseover event replaces the text between the opening and closing tags. Here's a short example:
<p id="mytext" 
   onmouseout="mytext.innerText='Short description';"
   onmouseover="mytext.innerText='Longer description of the same item using DHTML for IE.';">
   Short description
You can restore the original text by including it as part of the onmouseout event.
Ken Cox
Comment and Contribute






(Maximum characters: 1200). You have 1200 characters left.



Thanks for your registration, follow us on our social networks to keep up-to-date