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 版は、設定場所の種類による、指定の仕方を増やそうと思います。新記事ではなく、↑に追加する、更新の予定です。