JS: как получить значения привязки внутри div с именем класса «contractor»

У меня проблема с доступом к этому якорю в div.

    <div class = "contractor">
        <a title = "Andrew" href = "/humans/">Andrew</a>
    </div>

Как завершить это начало? Мне нужен заголовок, href и текст внутри.

var contr = document.getElementsByClassName('contractor');

console.info(contr);

Мне нужен простой JavaScript, без jQuery

Вам нужны все (в HTMLCollection) или только один? Если все они, то document.querySelectorAll('.contractor a') должно работать, если только одно, то document.querySelector('.contractor a') должно работать.

Nathan Chu 14.12.2020 18:54
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
0
1
485
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

Чтобы получить необходимые данные из якоря, вы можете сделать следующее с помощью селектора запросов:

const anchor = document.querySelector(".contractor a");
const title = anchor.getAttribute("title");
const href = anchor.getAttribute("href");
const text = anchor.text;

Вы можете использовать ParentNode API. Если вы уверены, что у contractor div будет только HTMLAnchorElement дочерний элемент, вы можете сделать следующее:

const contractors = document.getElementsByClassName(`contractor`);
const contractor = constractors[0];
const anchor = contractor.firstElementChild;

const title = anchor.title;
const href = anchor.href;

Если под каждым contractor div может быть более одного дочернего элемента, вам следует использовать свойство ParentNode.children вместо firstElementChild.

Другие вопросы по теме