Ich würde gerne bei Klick auf einen Link die Klasse tauschen, damit ich ihn via CSS fett auszeichnen und einen Pfeil davor setzen kann.
Wie funktioniert so etwas?
Wie funktioniert so etwas?
document.getElementById('deineID').setAttribute('class','newClass'); //oder document.getElementById('deineID').style.fontWeight = 'bold';
a:link { font-weight:bold; color:#535D7F; text-decoration:none } a:visited { font-weight:bold; color:#535D7F; text-decoration:none } a:hover { font-weight:bold; color:#535D7F; text-decoration:underline } a:active { font-weight:bold; color:#535D7F; text-decoration:underline } a:focus { font-weight:bold; color:#535D7F; text-decoration:underline }
var mainmenu; var mainmenu_link; function show( id ) { if( mainmenu ) { hide( mainmenu ); } if( mainmenu_link ) { mainmenu_link.className = "e2a"; } document.getElementById(id).style.visibility = "visible"; mainmenu = id; } function hide( id ) { document.getElementById(id).style.visibility = "hidden"; mainmenu = false; }
<div class="row1"> <a href="#" onclick="show('sub_1', this)">Hauptp. 1</a> <a href="#" onclick="show('sub_2', this)">Hauptp. 2</a> </div> <div id="sub_1" class="row2"> <a href="#" class="e2p" onclick="imgOn('img', this)">Sub 1.1</a> <a href="#" class="e2p" onclick="imgOn('img', this)">Sub 1.2</a> <a href="#" class="e2p" onclick="imgOn('img', this)">Sub 1.3</a> </div> <div id="sub_2" class="row2"> <a href="#" class="e2p" onclick="imgOn('img', this)">Sub 2.1</a> <a href="#" class="e2p" onclick="imgOn('img', this)">Sub 2.2</a> <a href="#" class="e2p" onclick="imgOn('img', this)">Sub 2.3</a> </div>
Kommentar