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

我已经在Java程序中写了这样的语句

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

在这条线中

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

返回具有类名="两个"的数据，我在同一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'

相关内容

最新更新

热门标签：