如何读取具有 href 的 id 元素

Question

我正在尝试删除以下 id 引用的内容：<...id href="https://xyz'...>我的代码：var right = document.getElementById('https://xyz');var parent = right.parentNode;parent.removeChild(right);问题是当我引用 id 的名称时，它返回为 null。我尝试了 document.getElementById(' https://xyz ').href，但仍然为空。有什么建议么？

Answer 1

您可能想使用document.querySelector：

var right = document.querySelector('[href="https://xyz"]');

---

或者如果您需要n-th匹配，document.querySelectorAll：

var right = document.querySelectorAll('[href="https://xyz"]')[n];

Answer 2

首先我们要了解什么是html id属性。

定义和用法

id 属性指定 HTML 元素的唯一 id（该值在 HTML 文档中必须是唯一的）。

id 属性最常用于指向样式表中的样式，并通过 JavaScript（通过 HTML DOM）来操作具有特定 id 的元素。如何达到你的目的：

const barElement = document.getElementById('bar');//Getting the element which id is bar.

console.log(barElement);

const fooElement = barElement.parentNode;//Getting bars parent.

console.log(fooElement);

<div id="foo">

  <a id="bar" href="#"></a>

</div>

Answer 3

那是因为您没有为该标签分配任何 ID。因此 document.getElementById(' https://xyz ') 不会给你任何东西，因为没有带有此 ID 的标签。

您必须像这样分配一个 ID：

<...id="ID_of_href" href="https://xyz'...>

然后你可以通过以下方式获取它：

document.getElementById('ID_of_href')