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

时间:2016-06-29 10:22:04

标签: javascript html css

我在java程序中写了这样的声明

document.getElementById('holder').style.height = navbarHeight + "px";

在这一行

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

返回类名=“2”的数据我在同一个html页面中有另一个具有相同类名的类。我希望还能返回这些数据。如何修改这段代码,请帮助我

例如我写的  像这样的代码

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

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

<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>

1 个答案:

答案 0 :(得分:0)

要访问具有相同类名的其他元素,您只需更改<option onchange="location.href = '{!! URL('Tr/' . '/' . $Language->LID) !!}'" value="{!! $Language->LanguageID !!}">{!! $Language->Language !!}</option> 的索引即可。如果你想返回两个元素(在这种情况下是所有元素),你可以遍历它们并将它们返回到字符串数组中:

getElementsByClassName()

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

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

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

    return twos;
}