DOM api
jsはDOMの操作apiがかなり多いため、備忘録として学んだことを記す
Nodeでの扱い
NodeはサーバサイドでのJSを扱う方法。 そのためDOM APIがない。 使うためにはライブラリを使用するしかない。
要素に設定されているstyle属性を知りたい場合。
- window.getComputedStyle()
window.getComputedStyle() メソッドは、要素に適用されたスタイルの値を基本的な値に計算しなおした後、すべてのCSSプロパティの値を返します。
※font-size: 1em;となっていた場合もその要素のサイズも計算されて返す
<video>
タグに 対して
HTMLMediaElement.srcObject
HTMLMediaElement インターフェイスの srcObject プロパティは HTMLMediaElement に関連付けられたメディアソースを提供するオブジェクトを設定または取得します。 このオブジェクトは MediaStream、MediaSource、Blob や(Blobから派生している) File です。
mouse move
innerHeightとouterHeightの違い
outerHeightを使わないと、要素のborderとmarginを取得しない。