编辑没有 ID 的 Html 属性答案

【问题标题】：Edit Html Attribute Without ID编辑没有 ID 的 Html 属性
【发布时间】：2021-06-23 14:13:48
【问题描述】：

你好，我有这个代码

<div class="ic-app-header__logomark-container">
          <a href="https://iusd.instructure.com/" class="ic-app-header__logomark __web-inspector-hide-shortcut__">
            <span class="screenreader-only">Dashboard</span>
          </a>
        </div>

我想将 href 修改为 javascript:void(0) 我怎么能只使用类和名称来做到这一点我必须使用
.ic-app-header__logomark 或其他什么？

此外，我正在使用电子将代码注入外部站点，并且只能在一个 js 文件中访问 css 和 javascript。

【问题讨论】：

使用 document.getElementsByClassName("ic-app-header__logomark web-inspector-hide-shortcut")。但是，如果该类有多个链接，您将无法找出您搜索的链接是哪一个。（除非您检查链接的内容）
谢谢山姆！但是该类只有两个元素一个 div 一个 A 我如何指定内容或名称？
好的，谢谢！我会试试这个！
如何添加检查它是否是 A 元素的东西？我一无所知。
“那个东西”是什么意思？

标签： javascript html dom electron inject

【解决方案1】：

您可以使用document.getElementsByClassName("ic-app-header__logomark-container") 或document.querySelector(".ic-app-header__logomark-container")

【讨论】：

谢谢你，我会测试这个！但是该类有两个元素，一个 div 和一个 A 我可以将其设为 document.querySelector("a.ic-app-header__logomark-container")
使用 document.querySelectorAll(".ic-app-header__logomark-container");然后运行循环，因为 SelectorAll 将所有匹配的元素作为数组返回，也就是集合，你可以从那里做任何你想做的事情，
没错，万一班级有多个元素，你必须把它们都带上来，一个一个地过一遍。对不起我的英语，我是阿根廷人。 ?