У меня проблема с доступом к этому якорю в div.
<div class = "contractor">
<a title = "Andrew" href = "/humans/">Andrew</a>
</div>
Как завершить это начало? Мне нужен заголовок, href и текст внутри.
var contr = document.getElementsByClassName('contractor');
console.info(contr);
Мне нужен простой JavaScript, без jQuery
Чтобы получить необходимые данные из якоря, вы можете сделать следующее с помощью селектора запросов:
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
.
Вам нужны все (в HTMLCollection) или только один? Если все они, то
document.querySelectorAll('.contractor a')
должно работать, если только одно, тоdocument.querySelector('.contractor a')
должно работать.