个人中心
gpt4 book ai didi

JavaScript 未检测到 HTML 元素

转载 作者：行者123 更新时间：2023-12-02 16:54:27 25 4
gpt4 key购买 nike

好吧，相信我，我的 HTML 文档上有很多“p”标签。这是我的 JavaScript 代码:

var elements = document.getElementsByTagName('p');
var i;
window.onload = clicker();
function clicker() {
    alert(elements.length);
    for(i=0;i<elements.length;i++) {
        alert('looping');
        elements[i].onClick = function() {
            this.style.color = '#33CC33';
        }
    }
    setInterval(clicker, 0);
}

请注意我的第一个警报声明。它向我发出“0”警报，这没有意义。我的问题是，没有任何“p”标签被存储在 elements 变量中，因此导致我的 for 循环无法运行。 HTML 中充满了大量 PHP 代码，但这里截取了顶部内容，以向您证明我确实有一个“p”标签:

<!DOCTYPE html>
    <head>
        <title>Gwiddle - FTP</title>
        <link rel='stylesheet' type='text/css' href='stylesheet.css' />
        <script type='text/javascript' src='script.js'></script>
    </head>
    <body>
        <div id='banner'><p>Gwiddle FTP</p></div>

最佳答案

您正尝试在 DOM 加载之前访问它。

尝试这样写:var elements = document.getElementsByTagName('p');在您的 clicker() 函数中:

var elements;
var i;
window.onload = clicker();
function clicker() {
    elements = document.getElementsByTagName('p');
    alert(elements.length);
    for(i=0;i<elements.length;i++) {
        alert('looping');
        elements[i].onClick = function() {
            this.style.color = '#33CC33';
        }
    }
    setInterval(clicker, 0);
}

关于JavaScript 未检测到 HTML 元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26289499/

25 4 0
文章推荐： javascript - 无法更改 Highcharts 上的日期格式
文章推荐： javascript - 如何通过每次点击选择数组的新索引
文章推荐： javascript - 主干 View 未加载
文章推荐： javascript - 返回 false 被 onsubmit 忽略
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com