Re: Removing <p> elements with a certain className
First, you should get a copy of all those elements via DOM. A basic example:
[code:37n0lo3d]
<script type="text/javascript">
var ray=
{
getClass:function(clsNme)
{
var clsArr = []; // Initialize an empty array
var myclass = new RegExp('\\b'+clsNme+'\\b'); // Do some regular expression matchin
var el = document.getElementsByTagName('*'); // Get all elements
for (var i = 0 ; i < el.length ; i++ )
{
if (myclass.test(el[i].className)) // If the class name matches of the passed argument
clsArr.push(el[i]); // Add the element in our array
} // End of the for loop
return clsArr; // Return the array to the callee
}, // End of func
toggle:function(cls)
{
var el = this.getClass(cls);
for (var i = 0; i < el.length ; i++)
el[i].style.display = el[i].style.display!='none'?'none':'';
}
}
</script>
<a href="#" onclick="ray.toggle('myclass'); return false;">Show/Hide</a>
<br><br>
<p class="myclass">
Paragraph element with a class name of "myclass"
</p>
<p class="myclass another_class">
Paragraph element with multiple class names and "myclass" is one of them
</p>
<p class="notmyclass">
Paragraph element with a class name of "notmyclass"
</p>
<span>Span element with no class name</span><br>
<span class="myclass">Span element with no "myclass" class name</span>
[/code:37n0lo3d]
If you want to get an element via its className, you can use the [b:37n0lo3d]getClass[/b:37n0lo3d] method on [b:37n0lo3d]ray[/b:37n0lo3d] object from the above script. A sample call of the method would be:
[code:37n0lo3d]
<input type="button" value="GetClass" onclick="alert('There are '+ray.getClass('myclass').length+' elements with that className');">
[/code:37n0lo3d]
Always remember that the [b:37n0lo3d]getClass[/b:37n0lo3d] method returns an array. You can take advantage on that.
Hope that helps.