[JS]実行が超高速で、簡単にDOMを操作できるJavaScriptの超軽量ライブラリ -DOMmy.js

ページ上の一つの要素や複数の要素を操作したり、要素にCSSアニメーションを適用したり、CSSの属性やプロパティの操作、要素のストレージ操作など、DOMを簡単に操作できる4kBの超軽量スクリプトを紹介します。

スタンドアロンで動作し、他のスクリプトに依存は一切ありません。

サイトのキャプチャ

DOMmy.js

DOMmy.jsの特徴

DOMmy.jsはIE9を含むクロスブラウザ対応の超軽量スクリプトです。実行が超高速で、非常に簡単にDOMを操作できます。ライセンスは、MITライセンスです。

  • 4.0kBの超軽量スクリプト。
  • 他のスクリプトやライブラリに依存は、一切なし。
  • ページ上のすべてのDOMを簡単に操作できます。
  • ページ上に>強力なCSSアニメーションを作成できます。
  • 単独または複数のイベント、ストレージ、CSSの属性やプロパティを加えることができます。
  • 構造的に機能し、DOM Readyをサポート。

サポートブラウザ

最新安定版の主要ブラウザをサポートしています。

  • Chrome
  • Firefox
  • Opera
  • Safari
  • Internet Explorer

※IE8以下は未サポートです。

DOMmy.jsのデモ

デモでは、DOMmy.jsの基本的な使い方が紹介されています。

デモのキャプチャ

DOMmy.jsのデモ

DOMmy.jsの使い方

Step 1: 外部ファイル

当スクリプトを外部ファイルとして記述し、スクリプトを初期化します。

DOMの操作

DOM要素の選択。

要素にイベントを追加。

要素にプロパティを追加。

要素にアニメーションを追加。

sponsors

top of page

©2018 coliss