JavaScript：如何获取没有ID和类的DOM的包含？

Question

是否有可能只获得一个没有ID和类的标签名称的DOM？

如您所知，在HTML5 <main>中添加了<header>和其他新标记，并且由于它，要定义页眉或页脚的样式，指定类或id行{{ 1}}变得不必要了。

电子。 G。我需要获取<div class="header">包含，例如

<header>

不想将ID或类分配给标题（var test = document.getElementById("test"); 和<div id="header">之间没有区别。但是

<header id="header">

不起作用（我的意思是不会将var test = document.getElementsByTagName("header") ; 包含在变量值中），即使页面中只有一个标题。

我能做些什么？

Answer 1

document.getElementsByTagName('header') 

将存储数组中页面中的所有标题。

var test = document.getElementsByTagName("header");
alert(test[0].innerHTML);
alert(test[1].innerHTML);

<header>first test</header>
<header>second test</header>

参考链接here

Answer 2

如果您不想分配ID或类名，并且想要使用标记名称。那么无论有没有html5也没关系。

var test = document.getElementsByTagName("header") ;

您无法获得值，因为此处的测试是数组，通知方法名称是getElementsByTagName而不是 getElementByTagName 。

因此，为了获取值，您需要遍历此数组，如果您知道它只有一个标头元素，那么您只需使用索引进行提取。

     var myValue = test[0].innerHtml;