JavaScript で、HTML 構成を変更せよ 02

01 で、class 追加をしましたが、id って追加できんの?
って、とうぜんなるゎな。

で、コレなら、jQuery と、jQuery 使わんと、JavaScript のみでも書けるようにしとこか、と、まとめてみた。

ちなみに、すでに id が存在している所を指定した場合、HTML の仕様に従って、id は追加ではなく、上書きされます。
jQuery 版

<script>
document.addEventListener('DOMContentLoaded', function () {
$('tag' or【'#idName'】【'.className'】).attr('id', 'setName');
});
</script>

JavaScript 版
class は付いてる前提

<script>
document.addEventListener('DOMContentLoaded', function () {
document.getElementsByClassName('target_className')[0].setAttribute('id','setName');
});
</script>

という感じで。
後日、JavaScript 版は、設定場所の種類による、指定の仕方を増やそうと思います。新記事ではなく、↑に追加する、更新の予定です。

この記事が気に入ったらサポートをしてみませんか?