HTML属性について
HTMLElementオブジェクトについて調べてみます。
HTMLElementオブジェクトは、HTMLの文書構造を示すHTMLタグ等の要素をもつオブジェクトと言えます。
また、各オブジェクトにはそれぞれプロパティが定義されています。
Elementオブジェクトには、次のようなオブジェクトが定義されています。(全てではありません)
id a link body title img
上記はHTMLの文書構造を示しますが、click、blur、forcus等といったjavascriptで使われるイベントハンドラプロパティも定義されています。
各、HTMLElementオブジェクトには、要素固有の属性が定義されています。
a には href だったり、
img には src といった属性があります。
HTML属性の命名規則について
HTML属性の命名規則については、下記のようになります。
HTML属性のプロパティの値について
HTML属性のプロパティの値については、文字列になりますが、
属性が論理値を扱う場合は、プロパティの値も論理値や数値になります。
属性の種類について
また、属性にはHTMLの要素ごとに指定できる属性と、全ての要素に指摘できるグローバル属性、
javascriptを実行するイベントハンドラ属性というものがあります。
HTML5で制定されているグローバル属性は下記の13種類あります。
acccesskey class contenteditable dir hidden id lang spellcheck style tabindex title translate data-xxxx(カスタム)
最後の「カスタム」と書いたものは、 data-xxxx の「xxxx」の部分に任意の名称を下記、
属性として利用できるものです。
また、イベントハンドラ属性は下記のものがあります。
それぞれの使用用途や意味については別な投稿で調べようと思います。
onabort onafterprint onauxclick onbeforeprint onbeforeunload onblur onblur oncancel oncanplay oncanplaythrough onchange onclick onclose onclose oncontextmenu oncopy oncuechange oncut ondblclick ondrag ondragend ondragenter ondragexit ondragleave ondragover ondragstart ondrop ondurationchange onemptied onended onerror onfocus onfocus onhashchange oninput oninvalid onkeydown onkeypress onkeyup onlanguagechange onload onload onloadeddata onloadedmetadata onloadend onloadstart onmessage onmessageerror onmousedown onmouseenter onmouseleave onmousemove onmouseout onmouseover onmouseup onoffline ononline onpagehide onpageshow onpaste onpause onplay onplaying onpopstate onprogress onratechange onreset onresize onresize onscroll onscroll onsecuritypolicyviolation onseeked onseeking onselect onshow onstalled onstorage onsubmit onsuspend ontimeupdate ontoggle onunhandledrejection onunload onvolumechange onwaiting onwheel
実際には上記のイベントハンドラ属性を記述してプログラムを作るより、
javascriptのライブラリやフレームワークを使ってイベント処理を書くことが多いので、
参考までに覚えておくという形で大丈夫と思います。