如何使用纯JavaScript获取DIV元素的ID和标题

Question

我有一个元素：

<div id="Form" title="Disability Form</div>

我正在尝试获取id和标题，格式如下：

id: Form
title: Disability Form 

我也在尝试使用纯Javascript。这就是我迄今为止一直在玩的东西：

var x = document.getElementsByTagName("div");
for(i=0; i<= x.length; i++)
{
console.log(x[i].innerText);
}

有人知道如何进行吗？

Answer 1

您犯的错误

1. <=应更改为<
2. 没有正确关闭标签

要获得id，可以使用element.id

要获得title，可以使用element.getAttribute('title')

var x = document.getElementsByTagName("div");
for(i=0; i< x.length; i++)
{
console.log(x[i].innerText);
console.log('id : ' + x[i].id);
console.log('title : ' + x[i].getAttribute('title'));
}

<div id="Form" title="Disability Form"></div>

Answer 2

您可以使用el.id获取ID，使用el.getAttribute('title')获取title属性值。

此外，您没有关闭HTML中的标题属性标记。。。

let divs = [...document.getElementsByTagName('DIV')]
divs.forEach(div => {
div.hasAttribute('id') ? console.log(`id: ${div.id}`) : false;
div.hasAttribute('title') ? console.log(`title: ${div.title}`) : false;
})

<div id="Form" title="Disability Form"></div>