HolyWarlock

decibel.places — Fri, 12 Dec 2008 05:10:59 +0000

HolyWarlock wrote:

className is SuperClass
bad method

While className and ClassName are used in some Super Class scripts (under the prototype library, for example)

object.className is a valid HTML DOM property

can you elaborate on your objection?

className is SuperClass bad

HolyWarlock — Fri, 12 Dec 2008 04:39:42 +0000

className is SuperClass
bad method

getElementsByClassName works

decibel.places — Mon, 08 Dec 2008 19:47:14 +0000

getElementsByClassName works in Firefox, not in IE

but this will work:

<html>
<body>


<div class="thediv">
This will get replaced.
</div>

<div class="thediv">
This will get replaced.
</div>

<script type="text/javascript">
var divs = document.getElementsByTagName('div');
for(i=0;i<divs.length;i++){
if (divs[i].className == "thediv") divs[i].innerHTML='Hello i am here';
}
</script>

</body>
</html>

and with the onload statement:

<html>
<head>
<script type="text/javascript">
function fillerup() {
var divs = document.getElementsByTagName('div');
for(i=0;i<divs.length;i++){
if (divs[i].className == "thediv") divs[i].innerHTML='Hello i am here';
}
}
</script>
</head>
<body>


<div class="thediv">
This will get replaced.
</div>

<div class="thediv">
This will get replaced.
</div>

<script type="text/javascript">
<!--
onload=fillerup;
//-->
</script>

</body>
</html>

I suppose this could become processor-intensive if there are a large number of divs that are not getting replaced - perhaps it would be worthwhile to examine some of the scripts in the Google search

This worked for

pr0gr4mm3r — Mon, 08 Dec 2008 14:54:22 +0000

This worked for me:

<html>
<body>

<div class="thediv">
This will get replaced.
</div>

<div class="thediv">
This will get replaced.
</div>

<script type="text/javascript">
var divs = document.getElementsByClassName('thediv');
for(i=0;i<divs.length;i++){
divs[i].innerHTML='Hello i am here';
}
</script>

</body>
</html>

The JavaScript needs to be in the body and after the code you are looking to modify.

Hi Mate, Yes i dont know

benf — Mon, 08 Dec 2008 14:33:51 +0000

Hi Mate,

Yes i dont know about the hyphen. But even without it just doesnt work??

I have found that the onload

decibel.places — Mon, 08 Dec 2008 13:27:04 +0000

I have found that the onload statement requires a function name, with the function already declared elsewhere (note that the function parentheses are omitted too).

example:

function fillerup(){ 
var divs = document.getElementsByClassName('thediv');­
for(i=0;i<divs.length;i++){ 
  divs[i].innerHTML='Hello i am here';
}
}

window.onload = fillerup;

you may need to declare divs as an array?

function fillerup(){ 
var divs = new Array();
divs = document.getElementsByClassName('thediv');­
for(i=0;i<divs.length;i++){ 
  divs[i].innerHTML='Hello i am here';
}
}

for some reason a hyphen is being added at the end of the line

var divs = document.getElementsByClassName('thediv');