js 删除多个相同name属性的标签
时间: 2023-10-03 13:04:42 浏览: 54
如果你需要删除多个具有相同 `name` 属性的标签,可以使用 `querySelectorAll()` 方法来获取这些标签,然后遍历它们并删除指定的元素。
下面是一个示例代码:
```javascript
var elements = document.querySelectorAll('input[name="myName"]'); // 获取所有 name 属性为 myName 的 input 元素
for (var i = 0; i < elements.length; i++) { // 遍历元素列表
elements[i].parentNode.removeChild(elements[i]); // 删除当前元素
}
```
在这个示例中,我们首先使用 `querySelectorAll()` 方法获取了所有 `name` 属性为 `myName` 的 `input` 元素,然后使用循环遍历这些元素,并使用 `removeChild()` 方法从它们的父元素中删除它们。
注意,当你删除元素时,需要从它的父元素中删除它,而不能直接使用 `delete` 操作符从 DOM 中删除它。
相关问题
js删除对象的多个属性
可以使用 JavaScript 中的 delete 操作符来删除对象的多个属性。例如,假设我们有一个名为 person 的对象,其中包含了多个属性:
```
const person = {
name: "John",
age: 30,
gender: "male",
occupation: "programmer"
};
```
要删除其中的多个属性,可以使用 delete 操作符,例如:
```
delete person.age;
delete person.occupation;
```
这样就可以删除 person 对象中的 age 和 occupation 属性。
多选框html相同name属性,JS获得多个同name 的input输入框的值的实现方法
首先,在 HTML 中,如果你想让多个复选框之间相互关联,可以使用相同的 `name` 属性,这样就可以将它们归为一组。然后,在 JavaScript 中,你可以通过以下方式获得这些复选框的值:
1. 使用 `document.getElementsByName()` 方法来获取所有的同名复选框元素,然后遍历它们,判断哪些元素被选中了:
```javascript
var checkboxes = document.getElementsByName('myCheckbox');
var values = [];
for (var i=0; i<checkboxes.length; i++) {
if (checkboxes[i].checked) {
values.push(checkboxes[i].value);
}
}
```
2. 如果你想在复选框的 `onchange` 事件触发时更新选中的值,可以这样做:
```javascript
var checkboxes = document.getElementsByName('myCheckbox');
var values = [];
for (var i=0; i<checkboxes.length; i++) {
checkboxes[i].onchange = function() {
values = [];
for (var j=0; j<checkboxes.length; j++) {
if (checkboxes[j].checked) {
values.push(checkboxes[j].value);
}
}
};
}
```
这样,每当某个复选框的状态改变时,就会重新计算所有选中的值。