页面加载时的 JavaScript 函数

Question

我需要在页面加载时将 Div id“Div01”状态更改为“highlight”类。
请看下面的代码:

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;}

请帮我解决这个问题。

Answer 1

尝试

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