JSでHTMLのコメントを取得できるってしらなかった。。。 ちゃんとコメントもオブジェクトとして扱われているのですね。 目からウロコです。 忘れないようにサンプルコードをメモ。 // すべてのNodeを取得 var d = document.getElementsByTagName("body")[0].childNodes; // Nodeごとにループ for (i=0;i<d.length;i++){ // NodeType=8(Comment Node)の場合 if(d[i].nodeType == 8){ // 「.date」でデータを取得 alert(d[i].data); } }
タグ
- すべて
- #しゅきしゅきお冷やCrew (1)
- .htaccess (2)
- 3flab (1)
- 575 (1)
- AA (1)
- AMP (1)
- ARIA (6)
- AWS (1)
- Adobe (3)
- Adobe Illustrator (6)
- Adobe Illustrator スクリプ (3)
- Adobe JSX (1)
- Advent Calendar (8)
- Advent Calendar 2014 (8)
- Android (11)
- Android 2.3 (2)
- Android API Level (1)
- AngularJS (2)
- AppleScript (1)
- Art (1)
- BD (1)
- BEM (6)
- BEMIT (1)
- Backbone.js (1)
- Boombox.js (1)
- Brackets (1)
- CC0 (1)
- CC4.0 (1)
- CSS (366)
- CSS -webkit- (1)
- CSS -webkit-fill-available (1)
- CSS 3D glass (1)
- CSS 4096 Selector (1)
- CSS @font-face (2)
- CSS @import (5)
- CSS @page (1)
- CSS @print (1)
- CSS @property (1)
- CSS @rules (1)
- CSS @scroll-timeline (1)
- CSS @supports (1)
- CSS Animation (11)
- CSS Blender (2)
- CSS Flexible Box (22)
- CSS Grid (11)
- CSS Houdini (3)
- CSS Logical Property (3)
- CSS Logical Value (3)
- CSS MediaQueries (3)
- CSS Pixel Density (1)
- CSS Pixel Ratio (1)
- CSS Selectors Level 4 (2)
- CSS Shapes (1)
- CSS Sprite (1)
- CSS TRBL (1)
- CSS Test (1)
- CSS Typed OM (1)
- CSS Unit (3)
- CSS Variables (9)
- CSS Viewport-Percentage (6)
- CSS accent-color (1)
- CSS amination-fill-mode (1)
- CSS appearance (1)
- CSS backdrop-filter (2)
- CSS background-clip (4)
- CSS background-size (1)
- CSS blende-mode (1)
- CSS border (1)
- CSS box-decoration-break (2)
- CSS box-shadow (4)
- CSS calc() (7)
- CSS cascade (1)
- CSS clamp() (2)
- CSS clip (2)
- CSS clip-path (8)
- CSS color-scheme (1)
- CSS conic-gradient (1)
- CSS constant() (1)
- CSS content (2)
- CSS content-intrinsic-size (1)
- CSS content-visibility (1)
- CSS fill-content (1)
- CSS filter (2)
- CSS fit-content (2)
- CSS fixed (4)
- CSS fliter (1)
- CSS font (7)
- CSS font-* (12)
- CSS force-color (2)
- CSS gradient (5)
- CSS lch() (1)
- CSS line-height (2)
- CSS mask (3)
- CSS max() (3)
- CSS max-content (2)
- CSS min() (2)
- CSS min-content (1)
- CSS min-height (2)
- CSS minmax() (1)
- CSS mix-blend-mode (4)
- CSS object-fit (3)
- CSS object-position (2)
- CSS object-view-box (1)
- CSS offset-distance (1)
- CSS offset-path (1)
- CSS offset-rotate (1)
- CSS order (3)
- CSS overflow (1)
- CSS overflow-wrap (2)
- CSS perspective (2)
- CSS placeholder (1)
- CSS pointer-events (1)
- CSS pre-wrap (1)
- CSS prefers-color-scheme (1)
- CSS print (1)
- CSS pseudo-class (4)
- CSS pseudo-element (1)
- CSS screen-spanning media featur (1)
- CSS scroll-behavior (1)
- CSS scroll-padding (1)
- CSS scroll-snap-points (2)
- CSS shape (2)
- CSS specificity (1)
- CSS stacking context (2)
- CSS step() (1)
- CSS sticky (1)
- CSS syntax (1)
- CSS text-decoration-color (1)
- CSS text-fill-color (4)
- CSS text-orientation (3)
- CSS text-overflow (4)
- CSS user-select (1)
- CSS vertical-align (1)
- CSS will-change (2)
- CSS word-break (2)
- CSS word-wrap (1)
- CSS writing-mode (6)
- CSS インラインCSS (1)
- CSS 基本データ型 (1)
- CSS 詳細度 (2)
- CSS-TRICKS (3)
- CSS1 (1)
- CSS2 (1)
- CSS3 (1)
- CSS4 (1)
- CSSOM (1)
- CSS Grid (1)
- CSSお絵描き (2)
- CSSアニメーション (1)
- CSSハック (8)
- CSSバグ (6)
- CSSプログラミング (1)
- CSS組版 (1)
- CSS設計 (10)
- CasperJS (1)
- Chrome (4)
- CodePen (2)
- Create.js (2)
- Creative Commons (1)
- D3.js (1)
- DB (21)
- DOCTYPE (1)
- DOM (2)
- DevTool (1)
- DevTools (1)
- Dreamweaver (1)
- ECMAScript (1)
- EDJO (5)
- ES5 (1)
- ES6 (4)
- Edge (4)
- Emmet (1)
- Excel (1)
- Facebook Graph API (1)
- Fallback (1)
- Firefox (8)
- Font (17)
- Font Loading (1)
- Font Loding (1)
- Font OpenType (1)
- Font base-line (1)
- Font half-leading (1)
- Force Touch (2)
- Geek (1)
- Git (7)
- GitHub (2)
- Google Chrome (1)
- Google Form (1)
- Google Maps (3)
- Grid (1)
- Grunt (1)
- HTML (53)
- HTML DOCTYPE (1)
- HTML Mail (1)
- HTML alt (4)
- HTML audio (2)
- HTML autofocus (1)
- HTML button (1)
- HTML dialog (4)
- HTML dl (1)
- HTML dns-prefetch (1)
- HTML favicon (1)
- HTML font (1)
- HTML form (8)
- HTML head (1)
- HTML href (1)
- HTML iframe (1)
- HTML input (1)
- HTML input type range (2)
- HTML label (1)
- HTML maxlength (1)
- HTML meta (4)
- HTML ogp (1)
- HTML picture (2)
- HTML placeholder (1)
- HTML progress (2)
- HTML pseudo-element (1)
- HTML select (7)
- HTML sizes (1)
- HTML srcset (2)
- HTML tabindex (1)
- HTML table (3)
- HTML textarea (2)
- HTML time (1)
- HTML track (2)
- HTML video (1)
- HTML viewport (1)
- HTML5 (15)
- HTML5 canvas (1)
- HTML5 checkbox (1)
- HTML5.1 (3)
- HTML5Rocks (1)
- HTMLAudio (2)
- HTMLコメント (1)
- HTMLメール (8)
- HTTP (1)
- HTTPS (1)
- Hacker News (1)
- IE (26)
- IE ナレーター (1)
- IE10 (7)
- IE11 (13)
- IE5 (1)
- IE6 (2)
- IE7 (3)
- IE8 (4)
- IE9 (4)
- Illustrator (1)
- Illustrator CC2015 (1)
- InkML (1)
- JS (100)
- JS Date() (1)
- JS PointerEvents (4)
- JS addEventListener (1)
- JS ajax (1)
- JS focus (1)
- JS handleEvent (1)
- JS onhashchange (1)
- JS scroll (1)
- JS scrollIntoView (1)
- JSFiddle (2)
- JSON (2)
- JSX (1)
- JXA (2)
- Jade (2)
- Jade-php (1)
- MDN (1)
- MIME type (1)
- Mac (3)
- Mac OS X (3)
- MacPorts (1)
- Map (1)
- Mark Down (2)
- Markdown (1)
- MindBEMding (1)
- Mobile Safari (7)
- Moment.js (1)
- Movable Type (1)
- Node (2)
- Node.js (2)
- OGP (1)
- OOCSS (2)
- OOUI (1)
- OS (1)
- OS X (1)
- OSS (1)
- Office Outlook 2007 (1)
- Opera (2)
- PhantomJS (1)
- Photography (1)
- Photoshop (2)
- Podcast (1)
- Polyfill (3)
- PostCSS (2)
- Print CSS (1)
- Promise (1)
- PuTTY (1)
- Pug (1)
- Puppeteer (1)
- R-18 (1)
- RFC (1)
- RSA (1)
- RSSリーダー (1)
- React.js (2)
- Riot.js (1)
- SBYRMYTKG5 (1)
- SBYのバイブス (13)
- SBYのバイブスじゃない (2)
- SPDX (1)
- SSHキー (3)
- SSL (1)
- SUIT CSS (2)
- SVG (39)
- SVG Animation (4)
- SVG Filter (3)
- SVG Sprite (1)
- SVG clipPath (1)
- SVG mask (2)
- SVG viewBox (2)
- Safari (6)
- Sass (9)
- Sass each (1)
- Sass map (1)
- Schema.org (1)
- Shadow DOM (2)
- Slack (1)
- SlideShare (7)
- Snap.svg (1)
- Source (2)
- Stream API (1)
- TKG (11)
- Tailwind CSS (1)
- Touch Event (1)
- TweenJS (1)
- Twitter (1)
- UA (1)
- UAスタイル (4)
- UA判定 (5)
- UI (10)
- UI論 (3)
- UNIX (1)
- URLスキーム (1)
- UX (4)
- UnderscoreJS (2)
- Viewport (4)
- VirtualDOM (1)
- VoiceOver (1)
- Vue (2)
- Vue nextTick (1)
- W3C (18)
- W3G (1)
- WAI-ARIA (13)
- WCAG (7)
- WEBデザイントレンド (1)
- Web Animations API (4)
- Web Components (2)
- Web Fonts (12)
- WebAudio (3)
- WebKit (8)
- Wikipedia (6)
- Windows (5)
- Yosemite (3)
- a11y (71)
- ajax (2)
- animation (4)
- bootstrap (2)
- canvas (5)
- console (2)
- cssnext (2)
- diff (2)
- easing (3)
- expression() (3)
- favicon (2)
- framework (2)
- gulp (4)
- html map (2)
- iOS (14)
- iOS 7 (2)
- iOS 8 (5)
- iOS 9 (3)
- iPhone (3)
- jQuery (20)
- javascript (8)
- material design (4)
- news (2)
- npm (4)
- placeholder (3)
- spinner (2)
- unicode (5)
- zsh (2)
- まとめ (4)
- アクセシビリティ (8)
- アクセシビリティー (6)
- アニメーション (2)
- ウェブサービス (14)
- ウェブ開発 (19)
- エスケープ (2)
- エディタ (2)
- エンコード・デコード (4)
- カタカナ語 (4)
- カラープロファイル (2)
- カラー設定 (3)
- カルーセル (3)
- ガイドライン (4)
- クリティカルCSS (2)
- クロスブラウザ (5)
- コンバーター (9)
- コーディングスタイル (3)
- コーディング規約 (2)
- サイトパフォーマンス (9)
- サロゲートペア (2)
- シェア (3)
- ジェネレーター (59)
- スクリーンリーダー (3)
- タイポグラフィ (7)
- チェックツール (13)
- チュートリアル (31)
- チートシート (5)
- テストツール (17)
- テンプレート (3)
- デザイン (2)
- デザイン論 (2)
- デバイス情報 (2)
- ドキュメント (2)
- ドキュメントモード (2)
- バグ (8)
- バリデーション (3)
- パフォーマンス (4)
- ビューワー (2)
- ピクパー論争 (5)
- フォント (18)
- フレームワーク (10)
- ブックマークレット (2)
- ブラウザ (11)
- ブラウザ対応 (16)
- ブラウザ対応表 (12)
- ブランドリソース (6)
- ブログ (3)
- プラグイン (4)
- プログラミング (5)
- マークアップ論 (14)
- ユーザビリティ (3)
- ライセンス (5)
- ライブラリ (2)
- リファレンス (41)
- リリースノート (2)
- リンク集 (5)
- レスポンシブ (15)
- レンダリング (4)
- ローマ字 (3)
- 互換問題 (2)
- 仕様 (11)
- 仕様書 (2)
- 伺か (2)
- 勧告 (2)
- 命名 (3)
- 命名規則 (8)
- 型 (2)
- 変体仮名 (2)
- 変換 (10)
- 宗教 (3)
- 定期観察対象 (9)
- 実装参考 (13)
- 富士そば (2)
- 年別バージョン履歴 (6)
- 引用 (3)
- 指定文化財 (10)
- 推移 (2)
- 改行制御 (3)
- 教育 (2)
- 数値 (2)
- 数学 (7)
- 文化 (5)
- 文字 (3)
- 文字コード (3)
- 文字列 (3)
- 文字参照 (3)
- 日本 (2)
- 日本語 (12)
- 日本語訳 (9)
- 早見表 (7)
- 書体 (3)
- 校正 (4)
- 正規表現 (9)
- 歴史 (11)
- 漢字 (3)
- 漫画 (2)
- 画像処理 (4)
- 画面サイズ (3)
- 知見 (7)
- 科学 (6)
- 約物 (2)
- 素材 (6)
- 組版 (3)
- 統計 (2)
- 翻訳 (8)
- 考察 (3)
- 英語 (16)
- 著作権 (4)
- 表記 (3)
- 解像度 (3)
- 言葉 (2)
- 読み物 (4)
- 調査 (10)
- 資料 (20)
- 通信 (2)
- 酒井優 (2)
- 錯視 (3)
- 音声ブラウザ (2)
- 音楽 (2)
- 飲食店 (4)
- CSS (366)
- JS (100)
- a11y (71)
- ジェネレーター (59)
- HTML (53)
- リファレンス (41)
- SVG (39)
- チュートリアル (31)
- IE (26)
- CSS Flexible Box (22)
2014年12月10日のブックマーク (3件)
-
o_ti 2014/12/10
- JS
- HTMLコメント
- nodeType
リンク -
学ぶ、考える、書き出す。
2023年1月1日 2022年の振り返り 今年は良くも悪くも某国際球技イベントに振り回された年だった。 2022年11月23日 eslint-plugin-importによってVitestの設定ファイル上でエラーが発生する場合がある vitest と eslint-plugin-import に依存している環境では、vitest.config.ts内で vitest/config をインポートすると Unable to resolve path to module 'vitest/config'. eslint(import/no-unresolved) というエラーが出る場合があります。 2022年8月24日 Next.js + Vercel + microCMSなどを使ってほぼ無料でブログを運用する 当ブログのシステム構成について紹介します。構成を真似することでほぼ無料（後述）でブログ
-
-
- 2014年12月11日
- 2014年12月10日
- 2014年12月9日
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx