素の javascript での append のやり方がわからない

エラー文言として、あるクラス名の箇所に文言を追加したいのですが、ネットでググっても、 appendChild()しか出てこずやり方がわかりません。

<div class="hogebox">
    <input class="hoge_user" type="checkbox" name="hoge" value="1" >
</div>
<span class="error">ここにエラー文言を出したい</span>

checkbox が選択されていなかったら、 class="error"　箇所に文言を追加したい。

試したこと

var error = document.getElementsByClassName('error');
error.innerHTML = "選択してください";

これで、 error.innerHTML に文言を入れるところまでは出来ていて、あとは単純に、 class="error"　の箇所に error.innerHTML の文言を表示させてあげたいのですが、ここからのやり方がわかりません。

ご教示頂ければと思います。
宜しくお願い致します。

行動規範の内容に同意します

回答1件

ベストアンサー

javascript
1var error = document.querySelector('.error');
2error.textContent = "選択してください";

投稿2019/12/18 08:57

yambejp

総合スコア116694

退会済みユーザー

2019/12/18 09:13

yambe.jp 様ありがとうございます！出来ました！ text 追加はこのように出来るのですね、、、 js append でググると jQuery ばかり出てきて、素の js の記事だと、appendChild（子要素に追加？）しか出てこず困っていました、、、助かりました！ありがとうございます！！！！