JSFiddle - React, Tailwind, and code Playground

by tea4two

HTML

<h1 id="mainTitle">メインの見出しです</h1>
<ul id="globalNavi">
    <li><a href="#" title="ナビゲーション1">ナビ01</a></li>
    <li><a href="#" title="ナビゲーション2">ナビ02</a></li>
    <li><a href="#" title="ナビゲーション3">ナビ03</a></li>
    <li><a href="#" title="ナビゲーション4">ナビ04</a></li>
    <li><a href="#" title="ナビゲーション5">ナビ05</a></li>
</ul>

<p class="someText">何か文章がここに入ります。何か文章がここに入ります。何か文章がここに入ります。何か文章がここに入ります。何か文章がここに入ります。何か文章がここに入ります。何か文章がここに入ります。何か文章がここに入ります。</p>

<p class="someText">何か違う文章。何か違う文章。何か違う文章。何か違う文章。何か違う文章。何か違う文章。何か違う文章。何か違う文章。何か違う文章。何か違う文章。何か違う文章。何か違う文章。</p>

JavaScript

var mainTitle = document.getElementById('mainTitle');

console.log('メインタイトルの要素名：', mainTitle.nodeType);
console.log('中のテキスト：', mainTitle.innerHTML);
console.log('子ノードの数：', mainTitle.childNodes.length);

//document.getElementsByTagName();
var myLinks = document.getElementsByTagName('a');
console.log('aタグの数：', myLinks.length);