Javascript: What is the standard?

Published on Feb. 27, 2007, 3:06 p.m.

javascript programming web

I've recently been writing a little javascript, and I needed to chage the value of some text inside an html/xhtml element. It seems there are several ways to do this, but evey browser may or may not support the same method for doing it (big surprise, here) I'm not sure what is considered the "standard" way. Here's a little script that I use to help me decide which browsers support which methods for altering text within an html/xhtml element:

<html>
<head><title>blah</title>
<script language="JavaScript">
<!-- Hide code from older browsers
function loader() {
pp = document.getElementsByTagName("p")
pp[0].innerText = ".innerText DOES work!"
pp[1].style.content = ".style.content DOES work!"
pp[2].innerhtml = ".innerhtml DOES work!"
pp[3].childNodes[0].nodeValue = ".childNodes[0].nodeValue DOES work!"
}
// End hiding-->
</script>
</head>

<body onload="loader()">
<h1>Changing text with javascript</h1>
<p> .innerText DOES NOT work.</p>

<p> .style.content DOES NOT work.</p>
<p> .innerhtml DOES NOT work.</p>
<p> .childNodes[0].nodeValue DOES NOT work.</p>
</body>

</html>

(Thanks to the users of codingforums.com, especially Roy Gardiner, whose code from which this script was adapted.)
comments powered by Disqus