DOM Parsing and Serialization
DOM Parsing and Serialization DOMParser, XMLSerializer, innerHTML, and similar APIs W3C Editor's Draft 28 February 2025 More details about this document This version: https://w3c.github.io/DOM-Parsing/ Latest published version: https://www.w3.org/TR/DOM-Parsing/ Latest editor's draft:https://w3c.github.io/DOM-Parsing/ History: https://www.w3.org/standards/history/DOM-Parsing/ Editor: Travis Leithe
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
Opera News
AI Opera Neon now supports MCP Connector that let you control the browser through other AI... March 31st, 2026 Opera Neon enables MCP Connector enabling external AI clients to connect directly to the browser, access live web context and... Desktop Opera One adds Gemini and Google Translate to the sidebar March 25th, 2026 Earlier this year we released the latest version of our flagship browser, Ope
insertAdjacentHTML() Enables Faster HTML Snippet Injection – Mozilla Hacks - the Web developer blog
The following is a guest post by Henri Sivonen: In Firefox 8, we’ve added support for insertAdjacentHTML(). It’s an ancient feature of Internet Explorer that has recently been formalized in HTML5 and then spun out into the DOM Parsing specification. The bad news is that Firefox is the last major browser to implement this feature. The good news is that since other major browsers implement it alread
DOMベースXSSの検出ツール
久しぶりにブログを更新すると色々書きたくなるものですね。ということでまだこのブログでは紹介したことがないDOMベースXSSのオープンソースツール、DOMinatorを紹介します。最近の商用ツールも類似の機能をサポートしています。 http://code.google.com/p/dominator/ DOMベースXSS： JavascriptはDOMを利用してHTMLを動的に変更できます。この機能を利用するとブラウザ側のJavascriptで動的に変化するWebサイトを構築できます。HTMLなどを修正するとデータにユーザが入力が含まれているとプログラマが意図しないJavascriptが実行できます。 要はクライアントサイドのJavascriptインジェクション攻撃の事です。 Javascriptは非常に柔軟な言語で便利な反面、セキュリティチェックが非常に難しい言語でもあります。DOMina
HTML Parsing with JavaScript - davidflanagan.com
The project I've been working on in Mozilla's research group is dom.js: an implementation of the browser DOM in JavaScript. I've gotten much of the core DOM 4 document tree functionality implemented, and have started on DOM features defined by the HTML spec. One of those features is the innerHTML property. And to implement it, I need an HTML parser. So I dove in and implemented one. Here are some
DOM操作の主流になるか！？ セレクタAPIを使いこなそう
連載目次 従来、JavaScriptでは、以下のようなメソッドを利用して、操作対象の要素を特定していた。 getElementByIdメソッド：IDの値をキーにノードを取得する。 getElementsByTagNameメソッド：要素名をキーにノードを取得する。 getElementsByClassNameメソッド：class属性の値をキーにノードを取得する。 しかし、この方法で複雑な構造のHTML文書から要素を取り出す場合、コードが複雑になりやすいという課題もあった。例えば、以下は従来のgetElementXxxxxメソッドを利用した要素の取得例だ。 上記のJavaScriptコードでは、奇数番目の要素を特定するために全てのインデックス番号をif文で判定させている。ほかにも属性値やclass属性によって要素を絞り込むならば、同じような判定式を書いた経験が読者諸氏にもあるだろう。「もっと簡
)
Legacy DOM events are no longer supported (Windows)
Microsoft identifies features as deprecated to warn against using the features in the future so that they can be phased out. If new standards-based support is added in Windows Internet Explorer 9, the associated feature documentation on MSDN is marked with "deprecated" and includes a link to the standards-based alternative. If the feature is a web platform feature, it is supported across all docum
DOM ECMAScripting
DOM 仕様書を読む前のガイドとして、DOM のおおまかな内容と ECMAScript（JavaScript）によるごく簡単な例文を提供します。DOM Level 1 から Level 3 まで。DOM Core 入門 (1)DOM Core 入門 (2)DOM Events 入門DOM Traversal 入門DOM Range 入門DOM Load and Save 入門DOM Validation 入門DOM HTML 関連。DOM HTML 入門 (1)DOM HTML 入門 (2)DOM Views、DOM Style Sheets、DOM CSS 関連。CSSOM 入門 (1)CSSOM 入門 (2)CSSOM View 入門未勧告のもの。DOM XPath 入門DOM Abstract Schemas 入門DOM Views and Formatting 入門その他、ウェブプ
NodeLists and Arrays in JavaScript — Can Duruk
19 Jun 2011 JavaScript is an admittedly quirky language, and its almost array-like objects is one of the most glaring issues. And of all those array-like objects, NodeLists are one of the most commonly used ones array-like objects that beginners trip on when they use methods like document.getElementsByTagName(). In this post, I’ll try to explain what NodeLists are, how they relate to arrays in Jav
Element Traversal API - 三等兵
今更ながらJavaScriptのDOM Core基礎 - 三等兵の付け足し。あの記事長いので重くて開けない。 http://www.w3.org/TR/ElementTraversal/ なんぞ？ firstChildとかlastChildとかが便利になったやつ。空白ノードとかコメントノードとか無駄なノードをよけて、要素ノード(nodeTypeが1)しか手を出しません。 やってみる // js var oda = document.getElementById('love_story'); alert(oda.firstChild.nodeType); // 3(テキストノード) alert(oda.firstElementChild.nodeType); // 1 alert(oda.lastChild.nodeType); // 3(テキストノード) alert(oda.lastEle
DOMに要素が挿入される度にイベントを起こすDOMNodeInsertedの扱い方 - 三等兵
DOMに要素が挿入されたときを検出できるのがDOMNodeInsertedイベント。 たとえばajaxで特定の場所が表示されたらDOMに要素が挿入されたときや、ページング系のアドオンやユーザースクリプトでスクロールバーが下にきたら要素が挿入されたときなど、そういったときにイベントを発生させることができます。 要素が挿入されたかどうか検出するには自前でDOMを監視するコードを書く必要がありますが、このイベントを使えば簡単ですね。IE以外の主要なブラウザには実装されています。 しかしこれどうも確認してみたら非推奨になってるらしいんだけど。 http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMNodeInserted あれか。同期的だからかな。何もしらずに使うと面倒なことなりますからね。というかなりました。とはいえ、これに変わるものはない
Nicholas C. Zakas「getElementsByTagName()がquerySelectorAll()よりも高速な件」 - 以下斜め読んだ内容
NCZOnline 2010.9.28のエントリ Why is getElementsByTagName() faster that querySelectorAll()? querySelectorAll()で取得されるNodeListは更新されない（static）件について getElementsByTagName()と比較して 処理の重さや、重くなる訳を仕様書やWebKitの実装を参照しながら説明して この２つのメソッドの使いどころを手短に記す という主旨のエントリ 豆知識 Scott Schillerは今Yahoo!のフェロー id:amachangの2008.3.6のエントリ「IE8 で実装された Selectors API とは何か？」でquerySelectorAll()／getElementsByTagName()の違いは分かりやすく書かれてる 以下斜め読んだ内容 エントリ
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
Surefire DOM Element insertion - Paul Irish
var ref = document.getElementsByTagName('script')[0]; ref.parentNode.insertBefore(yourElem, ref); But you prefer a good old document.body.appendChild(elem); Awww! I know, man. I used to, too. Well, you can’t always trust this.. Especially if you’re writing library, widget or third-party code. Here’s why you can trust this insertBefore method, and why all the other techniques are not wise: appendCh
$("div").append("<section>section</section>") できないらしいので色々調べてみた - latest log
追記: jQ的には解決していませんが、素の JavaScript を使った回避方法がわかりました。IE8以下では、オンザフライで作成した要素に対して innerHTML すると謎要素が作成されてしまうといった現象がでるため、一度要素片を、DOMツリー( body とかね ) にぶらさげてから innerHTML すると回避できました。 つまり、オンザフライな↓ではだめで… var div = document.createElement("div"); // 作る div.innerHTML = "<section>ほげー</section>"; // 突っ込む → ι(´Д｀υ) ↓のようにすると謎の挙動を回避できます。 var div = document.createElement("div"); // 作る document.body.appendChild(div); // あて
[JavaScript]addEventListenerを手軽に使おう / LiosK-free Blog
2007-12-05 カテゴリ: Client Side タグ: JavaScript JavaScriptのイベント処理は面倒くさい。 ブラウザごとにaddEventListenerとattachEventを使い分けたり、eventオブジェクトを引数として受け取るかwindow.eventとして受け取るかを考えたり、thisの扱いについて考えたりしなくてはいけないからだ。 ということで、すごく苦手意識を持っていたのだが、↓の関数を書いておくだけでほとんどのケースには対応できるってことに気づいた。 function observe(target, type, listener) { if (target.addEventListener) target.addEventListener(type, listener, false); else target.attachEvent('on'
artemis.ac
artemis.ac artemis.ac is owned by Tool Domains. Contact them directly! 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Moved…
Web Application Development
