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
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com