javascript - 无法在Javascript中复制不同数组中的按钮数组
问题描述
我不明白为什么这不存储前一个数组的副本。
代码
console.log(buttons);
var copybtns = [];
for (let i = 0; i < buttons.length; i++) {
copybtns = buttons[i];
}
console.log(copybtns);
我枯燥的 html 代码
<body>
<div class="container">
<form action="">
<select name="changecolor" id="background" onchange="changeToRed(this)">
<option value="Random">Random</option>
<option value="Red"">Red</option>
<option value="Blue">Blue</option>
<option value="Black">Black</option>
<option value="Reset">Reset</option>
</select>
</form>
<button>0</button>
<button class="btn btn-primary">1 </button>
<button class="btn btn-danger">2</button>
<button class="btn btn-dark">3</button>
<button class="btn btn-warning">4</button>
</div>
</body>
我正在看一个教程,但写了相同的代码,但我不知道为什么它不起作用
解决方案
您可以简单地使用forEach
函数 usingquerySelectorAll
方法将按钮存储在空数组中copybtns
//get all buttons
let buttons = document.querySelectorAll('button')
//Original buttons
console.log(buttons)
//store
var copybtns = [];
//foreach
buttons.forEach((data) => copybtns.push(data))
//log the array data
console.log(copybtns);
<button>0</button>
<button class="btn btn-primary">1 </button>
<button class="btn btn-danger">2</button>
<button class="btn btn-dark">3</button>
<button class="btn btn-warning">4</button>
推荐阅读
- .net - 无法在 Xamarin Forms 应用程序中添加 AAD nuget 包管理器
- dart - Dart - 指定类型时需要在匿名函数中返回
- java - 如何将多个参数传递给 Saxon ExtensionFunction?
- html - 指定 HTML5 音频剪辑序列
- jquery - 添加类和从其他类中删除
- python - 如何从 sqlite3 数据库打印数据?
- r - result_create(conn@ptr, statement) : 结果太大
- javascript - 在嵌套组件式 django 部分模板中运行 javascript
- javascript - 从 html 文件上的 github API 返回结果 json
- react-native - 我在哪里可以深入了解 react-native 链接脚本?