页面加载时的JavaScript函数

页面加载时的JavaScript函数,javascript,Javascript,加载页面时,我需要将Div id“Div01”状态更改为“突出显示”类。 请参阅下面的代码: HTML: <div id="div01"><a href="#" class="btn" onclick="roleActive(this);">user</a></div> var role; function roleActive(obj){ if (role) role.className = 'btn'; obj.className = 'hi

加载页面时,我需要将Div id“Div01”状态更改为“突出显示”类。
请参阅下面的代码:

HTML:

<div id="div01"><a href="#" class="btn" onclick="roleActive(this);">user</a></div>
var role; function roleActive(obj){ if (role)
role.className = 'btn';
obj.className = 'highlight';
role = obj;}
CSS:

请帮我解决这个问题。

试试看

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

window.onload=函数(){
roleActive(document.getElementById('div01')。children[0]);
}
试试看


window.onload=函数(){
roleActive(document.getElementById('div01')。children[0]);
}
试试这个

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


document.getElementById('div01')。className='highlight'


例如call();
函数exampleCall()
{
document.getElementById('div01')。className='highlight'
}
试试这个

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


document.getElementById('div01')。className='highlight'


例如call();
函数exampleCall()
{
document.getElementById('div01')。className='highlight'
}
对于Javascript:

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

$(function() {
  $('#div01').addClass('highlight');
});
对于Javascript:

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

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

您的onclick事件正在向函数发送“this”,但它是的onclick事件,而不是的onclick事件。这是你想要的吗


既然您没有使用的固有的点击功能,那么我建议您放弃它。只需在上设置click事件,因此单击它将激发roleActive()并适当地应用类。

您的onclick事件将“this”发送到函数,但它是的onclick事件,而不是的onclick事件。这是你想要的吗


既然您没有使用的固有的点击功能,那么我建议您放弃它。只需在上单击事件,那么单击它将触发roleActive(),并适当地应用这些类。

使用此函数,类“highlight”被更改,但我仍然可以看到顶部的“.btn”类。使用此函数,类“highlight”被更改,但我仍然可以看到顶部的“.btn”类。非常感谢。这对我来说真的很有效:)。
我还有一个问题,但很难在这里解释。如何使用fiddle.netHi@Arun创建它,请在此处找到fiddle:
在这里,我想要一个功能,当我点击“按钮01”时,它会打开它的子菜单“01”。在此之后,当单击其他按钮时,它应该会隐藏上一个子菜单并打开相关子菜单。@Ankit如果您将其作为单独的问题发布,效果会更好。'我正面临此脚本的一些问题,因为我对功能做了一些更改。请帮帮我,非常感谢。这对我来说真的很有效:)。
我还有一个问题,但很难在这里解释。如何使用fiddle.netHi@Arun创建它,请在此处找到fiddle:
在这里,我想要一个功能,当我点击“按钮01”时,它会打开它的子菜单“01”。在此之后,当单击其他按钮时,它应该会隐藏上一个子菜单并打开相关子菜单。@Ankit如果您将其作为单独的问题发布,效果会更好。'我正面临此脚本的一些问题,因为我对功能做了一些更改。请帮帮我。
$(function() {
  $('#div01').addClass('highlight');
});