Søg
Avatar billede massman Nybegynder
25. september 2003 - 14:47 Der er 7 kommentarer og
1 løsning

ændring af alle tag style inde i et andet tag

Jeg mangler en måde at ændre style af alle b tags inde i span på en side som denne:

<span onmouseover="this.<b tags>.style.color='red'" onmouseout="this.<b tags>.style.color='red'">bla1bla1bla1 <b>bla1bla1</b> bla1bla1</span>

<span onmouseover="this.<b tags>.style.color='red'" onmouseout="this.<b tags>.style.color='red'">bla2bla2bla2 <b>bla2bla2</b> bla2bla2</span>
Avatar billede mm12010 Nybegynder
25. september 2003 - 15:39 #1
<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>
Avatar billede mm12010 Nybegynder
25. september 2003 - 16:01 #2
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>
Avatar billede massman Nybegynder
25. september 2003 - 16:02 #3
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)
Avatar billede massman Nybegynder
25. september 2003 - 16:07 #4
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
Avatar billede massman Nybegynder
25. september 2003 - 16:10 #5
<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>
Avatar billede mm12010 Nybegynder
26. september 2003 - 09:06 #6
<!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>
Avatar billede massman Nybegynder
29. september 2003 - 09:50 #7
præcis ;>
takker
Avatar billede mm12010 Nybegynder
29. september 2003 - 09:52 #8
selv tak :o)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 20:07 Libra Office 26.2.5.2 - Er sort - Kan an ændre til lysere baggrund ? (Windows 11) Af Ikke-ekspert i Office & Kontorpakker
I går 11:24 Hvor kan jeg finde hjælp til at flytte fra min gamle Samsung Flip4 til min nye Samsung Galaxy S24 Af vbr i Apps til Android
I går 11:16 problem med mailbesked Af Pestilensen i Excel
I går 10:45 Powerbank Af postpeter@outlook.dk i Fri debat
22/0821:38 webui_forge_cu121_torch231 med AMD Grafikkort. Af jonpet i Andet software
White papers
Flere white papers »