js将多个按钮传参得来的字符串,追加到数组里
时间: 2024-03-10 20:47:54 浏览: 17
如果要将多个按钮传参得来的字符串追加到数组中,可以在按钮的点击事件处理函数中获取按钮的文本内容,并将其追加到数组中,例如:
```html
<button onclick="addToArr(this)">Button1</button>
<button onclick="addToArr(this)">Button2</button>
<button onclick="addToArr(this)">Button3</button>
```
以上代码创建了三个按钮,并为每个按钮绑定了一个名为 `addToArr()` 的点击事件处理函数。
```javascript
var arr = []; // 定义空数组
function addToArr(btn) {
var text = btn.textContent; // 获取按钮的文本内容
arr.push(text); // 将文本内容追加到数组中
console.log(arr); // 输出当前数组内容
}
```
以上代码定义了一个名为 `addToArr()` 的函数,该函数接收一个按钮对象作为参数,通过该对象获取按钮的文本内容,并将其追加到数组中。
在函数内部,使用按钮对象的 `textContent` 属性获取按钮的文本内容,并使用数组的 `push()` 方法将文本内容追加到数组中。在追加完成后,可以使用 `console.log()` 函数输出当前数组内容,以便于调试和验证。
当用户点击按钮时,对应的 `addToArr()` 函数会被调用,将按钮的文本内容追加到数组中,并输出当前数组内容。这样就可以将多个按钮传参得来的字符串追加到数组中了。