javascript - css クラスを JavaScript イベントに追加する

Question

次の要素にクラスを追加するにはどうすればよいですか?

window.location = 'page.html';

たとえば、次の結果を取得したいと思います。

<a href="page.html" class="nameclass">link</a>

しかし、私のJavaScriptページは、クリックするリンクテキストではなく、関数の後に自動的にロードされます。

Answer 1

リンク要素を作成します。

var a = document.createElement('a');
// <a></a>

href を追加します。

a.href = 'page.html';
// <a href="page.html"></a>

クラスを追加します。

a.className = 'nameclass';
// <a href="page.html" class="nameclass"></a>

テキストを追加します。

a.innerHTML = 'link';
// <a href="page.html" class="nameclass">link</a>

body 要素に追加します。

document.body.appendChild(a);
// In your page!