ændring af alle tag style inde i et andet tag

<span onmouseover="document.getElementById('fed1').style.color='red'" onmouseout="document.getElementById('fed1').style.color='black'">bla1bla1bla1 <b id="fed1">bla1bla1</b> bla1bla1</span>

<span onmouseover="document.getElementById('fed2').style.color='red'" onmouseout="document.getElementById('fed2').style.color='black'">bla2bla2bla2 <b id="fed2">bla2bla2</b> bla2bla2</span>

eller sådan:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>405682</title>
<script language="JavaScript" type="text/javascript">
<!--
function setStyle(col){
    fede=document.getElementsByTagName('b');
    for(i=0;i<fede.length;i++){
        fede[i].style.color=col;
        }
    return;
    }
//-->
</script>
</head>
<body>
<span onmouseover="setStyle('red');" onmouseout="setStyle('black');">bla1bla1bla1 <b>bla1bla1</b> bla1bla1</span>
<span onmouseover="setStyle('red');" onmouseout="setStyle('black');">bla2bla2bla2 <b>bla2bla2</b> bla2bla2</span>
<span onmouseover="document.getElementById('fed1').style.color='red'" onmouseout="document.getElementById('fed1').style.color='black'">bla1bla1bla1 <b id="fed1">bla1bla1</b> bla1bla1</span>
<span onmouseover="document.getElementById('fed2').style.color='red'" onmouseout="document.getElementById('fed2').style.color='black'">bla2bla2bla2 <b id="fed2">bla2bla2</b> bla2bla2</span>
</body>
</html>

ok skal måske lige præcisere (nøjes bare med onmouseover for overskuelighedens skyld):

<span onmouseover="this.btags.style.color='red'">bla1bla1bla1 <b>bla1bla1</b> bla1bla1 <b>sdfsfsff</b> fasdsfasf</span>

der er _mange_ b tags inde i hver span så det med at give hvert b tag et id er ikke så hensigtsmæssigt igen (ellers en ok metode hvis der ikke havde været så mange)

function setStyle(col){
    fede=document.getElementsByTagName('b');
    for(i=0;i<fede.length;i++){
        fede[i].style.color=col;
        }
    return;
    }
er fint, bortset fra at det kun er b tags inde i den span som bliver aktiveret som skal ændres, altså ikke b tags i andre spans, eller helt uden for spans

<span onmouseover"this....">alle b tags inden for dette span skal ændres <b>det er fed</b> tuttelut</span><br>

<span onmouseover"this....">alle b tags inden for dette span skal ændres <b>det er fed</b> tuttelut</span><br>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>405682</title>
<script language="JavaScript" type="text/javascript">
<!--
function blackStyle(area){
    area.innerHTML=area.innerHTML.replace(/(<B style="COLOR: red">)/gi,'<B style="COLOR: black">');
    return;
    }
function redStyle(area){
    area.innerHTML=area.innerHTML.replace(/<B>/gi,'<B style="COLOR: red">');
    area.innerHTML=area.innerHTML.replace(/(<B style="COLOR: black">)/gi,'<B style="COLOR: red">');
    return;
    }
function setStyle(col){
    fede=document.getElementsByTagName('b');
    for(i=0;i<fede.length;i++){
        fede[i].style.color=col;
        }
    return;
    }
//-->
</script>
</head>
<body>
<span onmouseover="redStyle(this);" onmouseout="blackStyle(this);">bla1b <b>bla1bla1</b> la1bla1 <b>bla1bla1</b> bla1b <b>bla1bla1</b> la1</span>
<br>
<br>
<span onmouseover="setStyle('red');" onmouseout="setStyle('black');">bla2bla2bla2 <b>bla2bla2</b> bla2bla2</span>
<br>
<br>
<span onmouseover="document.getElementById('fed').style.color='red'" onmouseout="document.getElementById('fed').style.color='black'">bla1bla1bla1 <b id="fed">bla1bla1</b> bla1bla1</span>
</body>
</html>

præcis ;>
takker

selv tak :o)