如何在javascript中同时获取所有元素ID？

我想获取特定页面上的所有

id

名称，并根据特定名称进行更改

可能吗

到目前为止，我试过：

function get_all()
{
    var esther = document.getElementById(*);
    document.getElementById("bod").value = esther;
}

这应该可以完成任务

document.querySelectorAll('*[id]')

这应该可以完成任务

document.querySelectorAll('*[id]')

console.log（getIds_1（））；
log（getIds_2（））；
函数getIds_1（）{
让id=document.querySelectorAll（“[id]”）；
return[].slice.call（id）.map（函数（elem）{
返回元素id；
}).加入（“，”）；
}
函数getIds_2（）{
return[…document.queryselectoral（'[id]'）].map（e=>e.id）.join（“，”）；
}

console.log（getIds_1（））；
log（getIds_2（））；
函数getIds_1（）{
让id=document.querySelectorAll（“[id]”）；
return[].slice.call（id）.map（函数（elem）{
返回元素id；
}).加入（“，”）；
}
函数getIds_2（）{
return[…document.queryselectoral（'[id]'）].map（e=>e.id）.join（“，”）；
}

---

如果要在页面上显示

ID的列表，可以使用以下方法获取页面上的所有元素：

let allElementsWithIds = [... document.querySelectorAll('[id]')];

然后，您可以创建一个
，并使用这些元素中的每个元素的
ID
填充它，然后再将其附加到文档正文中

N.B.请注意，下面示例中的
第2段和
链接1
没有
ID
，因此它们不会出现在ID列表中

工作示例：


//获取具有ID的所有元素
让等位基因swithids=[…document.querySelectorAll（'[id]'）]；
//初始化ID列表
让listOfIds=document.createElement（'ul'）；
listOfIds.classList.add（'top-right'）；
//填充ID列表
等位基因swithids.forEach（（元素）=>{
让newListItem=document.createElement（'li'）；
newListItem.textContent=element.id；
appendChild（newListItem）；
});
//将ID列表附加到文档正文
document.body.appendChild（listOfIds）
。右上角{
位置：绝对位置；
顶部：24px；
右：24px；
}
这是标题1
这是第1段
这是第2段

这是第3段
|
如果要在页面上显示
ID的列表，可以使用以下方法获取页面上的所有元素：

let allElementsWithIds = [... document.querySelectorAll('[id]')];

然后，您可以创建一个
，并使用这些元素中的每个元素的
ID
填充它，然后再将其附加到文档正文中

N.B.请注意，下面示例中的
第2段和
链接1
没有
ID
，因此它们不会出现在ID列表中

工作示例：


//获取具有ID的所有元素
让等位基因swithids=[…document.querySelectorAll（'[id]'）]；
//初始化ID列表
让listOfIds=document.createElement（'ul'）；
listOfIds.classList.add（'top-right'）；
//填充ID列表
等位基因swithids.forEach（（元素）=>{
让newListItem=document.createElement（'li'）；
newListItem.textContent=element.id；
appendChild（newListItem）；
});
//将ID列表附加到文档正文
document.body.appendChild（listOfIds）
。右上角{
位置：绝对位置；
顶部：24px；
右：24px；
}
这是标题1
这是第1段
这是第2段

这是第3段
|
您所说的“根据特定名称更改”是什么意思？即使第一行有效，第二行也毫无意义
esther
将是一个包含所有id元素的
NodeList
，您必须迭代它们以查找特定元素。请准确地说明您正在尝试执行的操作。更改id名称，让我们假设一些id名称为1，我想将所有的id名称都更改为1value@ChrisG我想在屏幕上显示它，
id
应该始终是唯一的，因此如果有多个元素具有相同的
id
，那么您已经遇到了不同的问题。话虽如此，您的代码并没有以任何方式检查id。您必须迭代返回元素的列表，并实际将id（一个字符串）与其他内容进行比较。对不起，我一点也不知道你的目标是什么。我希望我能帮助你。你所说的“根据一个特定的名字改变它”是什么意思？即使第一行有效，第二行也毫无意义
esther
将是一个包含所有id元素的
NodeList
，您必须迭代它们以查找特定元素。请准确地说明您正在尝试执行的操作。更改id名称，让我们假设一些id名称为1，我想将所有的id名称都更改为1value@ChrisG我想在屏幕上显示它，
id
应该始终是唯一的，因此如果有多个元素具有相同的
id
，那么您已经遇到了不同的问题。话虽如此，您的代码并没有以任何方式检查id。您必须迭代返回元素的列表，并实际将id（一个字符串）与其他内容进行比较。对不起，我一点也不知道你的目标是什么。我希望我能帮助你。那么我如何在屏幕上显示它呢