gpt4 book ai didi

javascript - 如何访问一堆
  • 转载 作者:行者123 更新时间:2023-11-30 08:55:17 25 4
    gpt4 key购买 nike


    我有一个文本列表,我想更改它们的 innerHTML。如果我有数千个 li 标签(其数据来自数据库),我如何通过 javascript 做到这一点?

    <div>
    <ul>
    <li>a</li>
    <li>as</li>
    <li>asd</li>
    <li>asds</li>
    <li>asdsa</li>
    <li>asdsad</li>
    <li>asdsadz</li>
    <li>asdsadzc</li>
    ....
    .....
    </ul>
    </div>

    -谢谢。

    更新正在使用的JS代码:

    function a(){
    var parent = document.getElementById("z");
    var i = 0;
    for(i = 0; i <= parent.children.length; i++){
    if(parent.children[i].tagName == "LI"){
    if(i%2!=0){
    parent.children[i].innerHTML="ok";
    }
    }
    }
    }
    document.onload=a(); // this didn't work. so I called the function in body tag instead of that.
    <body onload="a();">

    最佳答案

    您是否尝试过使用 getElementsByTagName ?听起来它可以帮助您找到您正在尝试使用的元素。

    编辑

    如果您可以为包含您要处理的 li 的 UL 元素提供一个 Id,您可以这样做:

    var parent = document.getElementById("yourID");
    var i = 0;
    for(i = 0; i < parent.children.length; i++){
    if(parent.children[i].tagName == "LI") {
    //do what you want...
    }
    }

    编辑 2

    您必须更改脚本的最后一行:

    document.onload=a();

    有了这个:window.onload=a;

    这将使您的函数在 onLoad 事件上执行。请注意,可能存在一些跨浏览器不兼容问题,我建议研究一下如何以跨浏览器的方式在 onload 事件上执行函数,或者只是将其添加到您的 body 标签中:

    <body onload="a();">

    关于javascript - 如何访问一堆<li>?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14054187/

    25 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com