个人中心
gpt4 book ai didi

javascript - 如何在脚本中通过document.getElementById获取数据

转载 作者：行者123 更新时间：2023-11-28 05:37:41 25 4
gpt4 key购买 nike

我在java程序中写过这样的语句

(function() { return (document.getElementsByClassName('two')[0].innerHTML); })();

在这一行

document.getElementsByClassName('two')[0].innerHTML

返回类名 ="two"的数据 我在同一个 html 页面中有另一个具有相同类名的类。我也希望返回该数据。如何修改这段代码，请帮助我

例如我写过 像这样的代码

<html>
<body>
    <div id="one">
        welcome
        <div class="two">
            hello world
        </div>
        <div class="two">
            bye world
        </div>
    </div>
    <button onclick="myFunction()">
  Click</button>
    <p id="demo"></p>
    <script>
        function myFunction() {
            var x = document.getElementsByClassName('two');
            var mapped = [].map.call(x, function(el) {
                return el.innerHTML;
            });
            document.getElementById('demo').innerHTML = mapped.join(',');
        }
    </script>
</body>
</html>

如何将此功能嵌入我的代码中，即在此代码中

  (function() { return (document.getElementsByClassName('two')[0].innerHTML); })();

最佳答案

要访问具有相同类名的其他元素，您只需更改 getElementsByClassName() 的索引即可。如果您想返回这两个元素(在本例中为所有元素)，您可以遍历它们并将它们返回到一个字符串数组中:

function myFunction() {
    var twos = [];
    var elements = document.getElementsByClassName("two");

    for (i = 0; i < elements.length; i++) {
        twos.push(elements[i].innerHTML);
    }

    return twos;
}

然后您可以通过索引访问元素:

var foo = myFunction();
console.log(foo[0]);  // 'hello world'
console.log(foo[1]);  // 'bye world'

关于javascript - 如何在脚本中通过document.getElementById获取数据，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38096813/

25 4 0
文章推荐： javascript - HTML5 Canvas ，适合屏幕(其余部分)
文章推荐： swift - 在 Xcode 11.0 中滚动时 ImageView 框架没有改变 (11A420a)
文章推荐： css - SASS - 当类被激活时 - 换一个
文章推荐： swift - 使 BlockOperation 失败，以便其他依赖项不执行
行者123
个人简介

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

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