fonction JavaScript à la page charge

Question

je dois changer l'ID Div « DIV01 » de l'Etat à la classe « en surbrillance » lorsque les charges de page.
S'il vous plaît voir le code ci-dessous:

HTML:

<div id="div01"><a href="#" class="btn" onclick="roleActive(this);">user</a></div> 

JS:

var role; function roleActive(obj){ if (role) 
role.className = 'btn'; 
obj.className = 'highlight'; 
role = obj;} 

CSS:

.btn{ 
display:block; 
height:25px; 
width:100px; 
padding:5px 0px 0px 0px; 
text-align:center; 
font-size:16px;} 

.highlight{ 
cursor:default; 
display:block; 
height:25px; 
width:100px; 
padding:5px 0px 0px 0px; 
text-align:center; 
font-size:16px; 
background-color:#FFF; 
border-bottom:4px solid #F0AB00; 
color:#000; 
text-decoration:underline;} 

a.btn:link{background-color:#000;color:#FFF;} 
a.btn:visited{background-color:#000;color:#FFF;} 
a.btn:hover,active{background-color:#FFF;color:#000;text-decoration:underline; border-bottom:4px solid #F0AB00;} 

me aider de bien vouloir résoudre le problème.

Answer 1

Essayez

<script> 
    window.onload = function(){ 
     roleActive(document.getElementById('div01').children[0]); 
    } 
</script> 

Answer 2

essayer

window.onload = function(){ 
    document.getElementById('div01').className = 'highlight' 
} 

ou

<script> 
document.getElementById('div01').className = 'highlight' 
</script> 

ou

<script> 
exampleCall(); 
function exampleCall() 
{ 
document.getElementById('div01').className = 'highlight' 
} 
</script> 

Answer 3

document.addEventListener('DOMContentLoaded', function(){ 
    document.getElementById('div01').className = 'highlight'; 
}, false); 

Answer 4

Pour Javascript:

window.onload = function() { 
     document.getElementById('div01').className = 'highlight'; 
} 

Pour Jquery:

$(function() { 
    $('#div01').addClass('highlight'); 
}); 

Answer 5

Votre événement onclick envoie 'ceci' à la fonction, mais il est l'événement onclick du non du. Est-ce ce que vous vouliez?

Puisque vous n'utilisez pas la fonctionnalité de clic inhérente de l'alors je suggérerais de s'en débarrasser. Il suffit d'avoir l'événement click sur le, donc en cliquant dessus, il active roleActive() et applique les classes de manière appropriée.