Hämta värde ur tagg med bara class-attribut

Jag skall hämta ut värdet (38) ur denna taggen:

<p class="op">38</p>

Går det? Hur gör man? Måste det vara ett ID-attribut i P-taggen?

::dap

Om det finns flera taggar som använder samma klass, alltså flera <p class="op"> måste du antingen identifiera taggen på ett annat vis (förslagsvis genom ett id) eller veta i vilken ordning just den taggen kommer i.

Om du t ex vet att det är den femte taggen med class="op" som du vill ha värdet ifrån kan du skriva:

<script type="text/javascript">
var allTags = document.getElementsByTagName('*');
var op = 0;

window.onload=function(){

for(var i = 0; i<allTags.length; i++){
    if(allTags[i].className=="op"){
        op++;
        if(op==5){
            alert(allTags[i].innerHTML);
            break;
        }
    }
}

}
</script>

...

<p class="op">fel</p>
<p class="op">fel</p>
<p class="op">fel</p>
<p class="op">fel</p>
<p class="op">rätt</p>
<p class="op">fel</p>
<p class="op">fel</p>

Som du säkert förstår blir det mycket lättare om du använder ett ID på taggen, eftersom det då räcker med att skriva:

<script type="text/javascript">
window.onload=function(){
    alert(document.getElementById('theOne').innerHTML);
}
</script>

...

<p class="op">fel</p>
<p class="op">fel</p>
<p class="op">fel</p>
<p class="op">fel</p>
<p class="op" id="theOne">rätt</p>
<p class="op">fel</p>
<p class="op">fel</p>

Tack för det.