potisanのプログラミングメモ

プログラミング素人です。昔の自分を育ててくれたネット情報に少しでも貢献できるよう、情報を貯めていこうと思っています。Windows環境のC++やC#がメインです。

HTML

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

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

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

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

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

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>…