タグ

DOMに関するkzms2のブックマーク (3)

  • 文字列をDOMノード化する - yattのブログ

    文字列から直接DOMノードを構築できないみたい。なので一旦別のノードのinnerHTMLに文字列を代入してから目的のノードを取り出すことにした。 適当にdiv要素を作ってinnerHTMLに文字列を代入して、そのfirstChildを返す。 <html> <head> <script> function $(i){ return document.getElementById(i); } function String2DOM(s) { var n = document.createElement("div"); n.innerHTML = s; return n.firstChild; } function init() { var s = "<p>paragraph<p>"; var dn = String2DOM(s); $("container").appendChild(dn);

    文字列をDOMノード化する - yattのブログ
    kzms2
    kzms2 2012/03/23
    Javascriptで文字列をDOMノード化するサンプル。
  • Simple HTML DOM documentation

    PHP Simple HTML DOM Parser A fast, simple and reliable HTML document parser for PHP. Created by S.C. Chen, based on HTML Parser for PHP 4 by Jose Solorzano. Parse any HTML document PHP Simple HTML DOM Parser handles any HTML document, even ones that are considered invalid by the HTML specification. Select elements using CSS selectors PHP Simple HTML DOM Parser supports CSS style selectors to navig

    kzms2
    kzms2 2012/02/14
    PHPを用いて、HTMLをスクレイピング。使い方も簡単
  • 独自データ属性 - グローバル属性 - HTML5 タグリファレンス - HTML5.JP

    3.2.5.9 data-* 属性を使った独自非表示データの組み込み 独自データ属性は、名前空間に属さない属性で、その名前は文字列 "data-" で始まり、ハイフンの後に少なくとも一文字が続きます。これは XML 互換で、ASCII 大文字 を含みません。 HTML ドキュメントの HTML 要素のすべての属性は自動的に小文字に変換されますので、ASCII 大文字に関する制約はこのようなドキュメントには影響を及ぼすことはありません。 独自データ属性は、適切な属性や要素がない場合に、ページやアプリケーションに固有の独自データを格納することを想定したものです。 これらの属性は、この属性を使うサイトと無関係のソフトウェアによる利用を想定していません。 例えば、音楽に関するサイトなら、各トラックの尺を含んだ独自データ属性を使って、アルバムのトラックを表すリスト項目を注記することができるでしょう。

    kzms2
    kzms2 2011/08/01
    独自で値を持つのにはdata-*で属性を指定できる。またdata-hoge-hugaはelement.dataset.hogeHugaで参照できる。
  • 1