个人中心
gpt4 book ai didi

javascript - 在文档加载时更改标签的颜色

转载 作者：太空宇宙 更新时间：2023-11-04 05:14:05 26 4
gpt4 key购买 nike

我正在尝试更改导航栏中某个元素的颜色，以在文档加载时产生所选页面的效果。但是，我编造的代码(对 JS 来说是新的)不起作用；没有颜色变化发生。你能告诉我哪里出错了吗？

<script type="text/javascript">

        document.onLoad = (function() {
            var nav = document.getElementById('textContainer');

            var navItems = nav.getElementsByTagName('a');

            var activeItem = navItems[0];

            activeItem.style.color = "#696969";
        });

</script>

<div id="header">
    <a href="#">
    <div id="logo"></div>
    </a>
    <div id="navigation">
    <div id="textContainer">
        <h2><a href="#works">Works</a></h2>
        <h2><a href="#blog">Blog</a></h2>
        <h2><a href="#contact">Contact</a></h2>
    </div>
   </div>
</div>

最佳答案

替换document.onLoad与 window.onload .问题解决了。

JavaScript 不是 HTML。因此，它区分大小写。在 HTML 中，全局事件处理程序附加到 <body> .在 JavaScript 中，必须在 window 上定义全局方法。 .

绑定(bind)事件监听器的方法:

window.onload = function(){...};                         // Works universally
window.addEventListener("load", function(){...}, false); // @All decent browsers
window.attachEvent("onload", function(){...});           // IE-only

关于javascript - 在文档加载时更改标签的颜色，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8627150/

26 4 0
文章推荐： css - IE7 中的 z-index 无法正确呈现
文章推荐： c++ - Wireshark 没有检测到任何发送的数据包。发送返回0
文章推荐： python - 使用 flask 对请求中的嵌套对象进行单元测试
文章推荐： C 乘法或加法浮点结果 NaN