如何解决querySelectorAll不适用于多个相同的ID
如何解决?它不会影响HTML。我想从javascript中为所有具有相同ID的 a 标签添加 href 。 谢谢!
<a id='mySrct' style='background-color:red;color:#fff;border-radius:25px;padding:3px 8px;float:right;'>Demo</a>
<a id='mySrct' style='background-color:red;color:#fff;border-radius:25px;padding:3px 8px;float:right;'>Demo</a>
<a id='mySrct' style='background-color:red;color:#fff;border-radius:25px;padding:3px 8px;float:right;'>Demo</a>
<script>
var name = "google.com";
var elms = document.querySelectorAll("#mySrct");
elems.forEach((elem) =< {
elem.href = "www." + name;
});
</script>
解决方法
对于您的代码,元素名称和箭头功能不正确。检查以下代码。
var elems = document.querySelectorAll("#mySrct");
<a id='mySrct' style='background-color:red;color:#fff;border-radius:25px;padding:3px 8px;float:right;'>Demo</a>
<a id='mySrct' style='background-color:red;color:#fff;border-radius:25px;padding:3px 8px;float:right;'>Demo</a>
<a id='mySrct' style='background-color:red;color:#fff;border-radius:25px;padding:3px 8px;float:right;'>Demo</a>
<script>
var name = "google.com";
var elems = document.querySelectorAll("#mySrct");
elems.forEach((elem) => {
elem.href = "www." + name;
});
</script>
,
您不能有多个具有相同ID的元素。尝试这样做:
var name = "https://www.google.com";
var elems = document.getElementsByClassName("mySrct");
var run = elems.href = name;
.mySrct {
background-color: red;
color: #fff;
border-radius: 25px;
padding: 3px 8px;
float: right;
}
<a class='mySrct' href="">Demo</a>
<a class='mySrct' href="">Demo</a>
<a class='mySrct' href="">Demo</a>
,
正如其他几个人所述,id的目的是唯一的。但是,您可以以这种方式滥用它。
const elems = document.querySelectorAll('[id="no-proper-id"]');
for(const elem of elems) {
console.log(elem.innerHTML);
}
<div id="no-proper-id">A</div>
<div id="no-proper-id">B</div>
<div id="no-proper-id">C</div>
<div id="no-proper-id">D</div>
<div id="no-proper-id">E</div>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。