如何使用for
循环让document.getElementById
通过单击提交按钮复制多个?
在ID部分:
a1
拷贝到b1
a2
复制到b2
a3
拷贝到b3
a4
复制到b4
function transferData() {
// Get the content of the first blockquote
var content1 = document.getElementById('a1').innerText;
// Set the content of the second blockquote
document.getElementById('b1').innerText = content1;
}
个字符
2条答案
按热度按时间y1aodyip1#
假设我已经正确理解了你的目标,那么实现这个目标的最简单的方法就是将每一组
blockquote
元素 Package 在一个容器中。然后你可以通过索引直接将它们相互关联。这将消除对它们的任何其他标识符的需要。优点:轻量级的HTML,不需要JS实现的知识。简单的逻辑。
缺点:需要与目标相同数量的源元素,因此可能会因对HTML的不小心更新而被破坏。
个字符
无论出于何种原因,如果您不希望通过索引将它们关联起来,那么您可以使用
data
属性来通过其id
设置目标:的字符串
优点:如果需要更改目标元素选择器,则具有健壮性和可扩展性
缺点:需要额外的HTML来定位正确的元素。
两者都可以工作,这取决于你的确切用例,哪一个适合你。
4si2a6ki2#
在这里,我们得到了所有以
a
开头的ID
元素,比如a1
。然后,我们循环所有这些,并将其
innerText
添加到b + index
的id
的blockquote
,其中index
是循环操作的索引。(我们加1,因为数组索引从0开始)。这有缺点,它假设一切都是有序的,它假设有等量的a和B,它还假设这些元素是页面上唯一的元素,但这应该是一个很好的起点。
个字符