Как читать в элементе id, который имеет href

Question

Я пытаюсь удалить содержимое, на которое ссылается следующий идентификатор:

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

Мой код:

var right = document.getElementById('https://xyz');
var parent = right.parentNode;
parent.removeChild(right);

Проблема в том, что когда я ссылаюсь на имя идентификатора, оно возвращается как ноль. Я попытался document.getElementById ('https://xyz'). Href, но все еще null. Какие-либо предложения?

Спасибо.

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 (значение должно быть уникальным в документе HTML).

Атрибут id чаще всего используется для указания на стиль в таблице стилей, а также JavaScript (через HTML DOM) для управления элементом с указанием c id.

По этой ссылке: https://www.w3schools.com/tags/att_id.asp.

W3schools является отличный веб-сайт для вас, чтобы научиться веб-разработке.

Как достичь своей цели:

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

Это потому, что вы не присвоили ни одному идентификатору этот тег. Поэтому document.getElementById ('https://xyz') не даст вам ничего, потому что нет тега с этим идентификатором.

Вы должны назначить идентификатор следующим образом:

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

Затем вы можете получить его с помощью:

document.getElementById('ID_of_href')

Answer 4

getElementById, как следует из названия, выбирает элемент по идентификатору, поэтому вы должны определить идентификатор для вашего элемента: id="some_id", а затем в JavaScript document.getElementById('some_id')