金子です。フリーランスになって3年2ヶ月が経ちました。

最近、JavaScriptの製造を行うことありましたが、いつも書き方を忘れてしまうので備忘録として残しておきます。

【要素を取得する】
・idなど単体要素
document.querySelector(“#id名”);
もしくは、
document.getElementById(“id名”);

・nameなど複数要素
document.querySelectorAll(‘[name=”name名”]’);
もしくは、
document.getElementsByName(“name名”);

【要素に対してイベントを追加する】
・単体要素に対してチェンジイベントを追加する
var element = document.querySelector(“#id名”);
element.addEventListener(“change”, function名);

・複数要素に対してチェンジイベントを追加する
var elements = document.querySelectorAll(‘[name=”name名”]’);
elements.forEach(element => element .addEventListener(“change”, function名));

The following two tabs change content below.

• この記事を書いた人
• 最新の記事

金子 恵香

C#をメインとしたシステムエンジニアです。

最新記事 by 金子 恵香 (全て見る)

• 不妊治療（検査） - 2024年4月9日
• JavaScript備忘録 - 2024年3月5日
• メソッド名やログ - 2024年1月30日