HTML&JavaScript コメント要素を抜き出す

DOM中のコメント要素はnodeTypeがNode.COMMENT_NODEのノードとして扱われます。なので親要素のchildNodesから取得できます。 // .parent要素からコメント要素を取得する。 parentNode = document.querySelector(".parent") comments = Array.from(parentNode…

2022-01-23

JavaScript ファイルのドロップを受け入れる

HTML JavaScript まとめ未登録（管理用）

JavaScriptでファイルのドロップを受け入れるサンプルコードです。特殊オブジェクト（デスクトップの「PC」など）が含まれると何も取得されなくなることに注意してください。ソースコード <html lang="ja"> <head> <meta charset="utf-8"> <title>Sample Document</title> <style> /* 外見を整えるためのスタイル定義です。 */</meta></head></html>…

2021-10-10

HTML5&JS ファイルを選択して内容を読み込む

JavaScript HTML

HTML5からはINPUT要素にtype="file"が用意され、JavaScriptのFile API・Blob・TypedArrayと併せてファイル内容を読み込むことができます。以下に簡単なサンプルコードを示します。ファイルインプットからFileList、Fileを取得する。 <html lang="ja"> <head> <meta charset="utf-8"> <title>Sample</title> <script> function f</meta></head></html>…