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>

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

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

JavaScript

//ID textArea01の文章を右揃えにする
var textArea = document.getElementById('textArea01');
textArea.setAttribute('align','right');

//メインタイトル(id="mainTitle")のinnerHTMLを変更してみる。
var mainTitle = document.getElementById('mainTitle');
console.log(mainTitle.innerHTML);