Получение тега корневого элемента объекта Element
Одним из ключевых свойств объекта Element является свойство tagName, которое возвращает тег элемента. Например, получим все элементы, которые есть на странице:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<div class="article">
<h3>Заголовок статьи</h3>
<p>Первый абзац</p>
<p>Второй абзац</p>
</div>
<script>
function getChildren(elem){
for(var i in elem.childNodes){
if(elem.childNodes[i].nodeType===1){
console.log(elem.childNodes[i].tagName);
getChildren(elem.childNodes[i]);
}
}
}
var root = document.documentElement;
console.log(root.tagName);
getChildren(root);
</script>
</body>
</html>Здесь вначале получаем корневой элемент html и затем с помощью рекурсивной функции getChildren() получаем все вложенные элементы.