GetElementByID问题无效

时间:2015-08-23 06:25:46

标签: javascript jquery html

我已经尝试了几乎所有可能的代码组合,除了显然是正确的。我想要做的就是在javascript / JQuery中通过id获取元素并将其显示在警报中。在阅读了一些类似的帖子后,我把脚本放在了正文后面,我把代码放在document.ready,window.onload中,但仍然没有。最终我有一个按钮和一个带有灰色背景图像的.button css类和.button:悬停在白色背景图像上。我想删除.button类并将其替换为具有深灰色背景的.buttonSelected类。 TIA

    <div id="PlanningNav">
        <a href="~/Planning/Planning.cshtml">
            <div id="AboutMe" class="Button">
                <img src="~/Resources/Images/icoAbout_Me.jpg" height="20" width="@Button_Width" /> 
                &nbsp;&nbsp;&nbsp;   About Me
            </div>
        </a>
    </div>

<script>
window.onload = function () {
    var button = document.GetElementById('AboutMe');
    alert(button);
};
    $(document).ready(function () {
       var button;
       if (page.indexOf('About') > -1) { 
           button = document.GetElementById('AboutMe');
           alert(button.id); 
           // $('#AboutMe').removeClass('.Button');
           //$('#AboutMe').addClass('.ButtonSelected');
           // alert(button.innerHTML);
        } 
    });
</script>

2 个答案:

答案 0 :(得分:3)

JavaScript区分大小写,因此不是

document.GetElementById('AboutMe');

您需要使用

document.getElementById('AboutMe');

答案 1 :(得分:0)

JavaScript是Case Sensitive,因此您需要确保套管。

您的GetElementById无效,正如@dotnetom所说,您需要将其更改为getElementById