Minified version

• GitCode snippet
  • Bright.js (11,411 byte(s))
  • DOMOperation.js (13,450 byte(s))

* The minified version is ECMAScript 3-compliant.

Demonstration webpage

• Baidu NetDisk

Demo page

• GitCode snippet

Minified version

• GitCode snippet
  • Bright.js (11,339 byte(s))
  • DOMOperation.js (13,619 byte(s))

* The minified version is ECMAScript 3-compliant.

API reference

Bright.js

DOMOperation.js

Minified version

• GitCode snippet
  • Bright.js (11,992 byte(s))
  • DOMOperation.js (13,947 byte(s))

* The minified version is ECMAScript 3-compliant.

API reference

Bright.js

DOMOperation.js

Minified version

• GitCode snippet
  • Bright.js (7,245 byte(s))
  • DOMOperation.js (14,398 byte(s))

* The minified version is ECMAScript 3-compliant.

API reference

Bright.js

DOMOperation.js

Minified version

• GitCode snippet
  • Bright.js (7,470 byte(s))
  • DOMOperation.js (14,014 byte(s))

* The minified version is ECMAScript 3-compliant.

ESLint check

See GitCode for detailed information.

Version information

Bright.js

date 1660226223123

DOMOperation.js

date 1669601351393

Changelog

• DOMOperation.js
  • Function DOMOperation.GetElementsByTagName: returns what document.getElementsByTagName will return (usually an HTMLCollection instance) instead of a DOMOperation instance.
  • Function DOMOperation.AttributesGetter: no longer returns a DOMOperation instance.
  • Function DOMOperation.SmartGetClasses: returns an Array instance instead of a DOMOperation instance.
  • Function DOMOperation.GetElementsByClassName: returns an Array instance instead of a DOMOperation instance.
  • Function DOMOperation.AppendChildren: no longer misinterprets the 2nd argument as a common array-like object when it is in essence a Node instance.
  • Function DOMOperation.ReplaceNode: (newly added) is used to replace the 2nd argument (a Node instance) with the 1st argument (a Node instance) in document tree.
  • Function DOMOperation.InsertNodeBefore: (newly added) is used to add the 1st argument (a Node instance) before the 2nd argument (a Node instance) in document tree.
  • Function DOMOperation.InsertNodeAfter: (newly added) is used to add the 1st argument (a Node instance) after the 2nd argument (a Node instance) in document tree.
  • Function DOMOperation.CloneNode: (newly added) is used to clone the 1st argument (a Node instance), with the 2nd argument (a boolean primitive value) deciding whether to do a deep clone.
  • Function DOMOperation.DocumentQuerySelectorAll (optional): returns what document.querySelectorAll will return (usually a NodeList instance) instead of a DOMOperation instance.

Usage

Direct import

Suppose you have a simple directory with files:

• index.xhtml
• Bright.js
• DOMOperation.js
• main.js

In ./index.xhtml, import these JavaScript libraries by using the <script> tag directly:

<script type="text/javascript" src="./Bright.js" defer="defer"/>
<script type="text/javascript" src="./DOMOperation.js" defer="defer"/>
<script type="text/javascript" src="./main.js" defer="defer"/>

And in ./main.js:

(function (Bright, DOMOperation) {
  /* Libraries are available now. */
  /* ... */
})(
  this.Bright,
  this.DOMOperation
);

With RequireJS

You can also use RequireJS (we use version 2.0.4 (with comments / minified)) to allow asynchronous load.

Suppose you have a simple directory with files:

• index.xhtml
• Bright.js
• DOMOperation.js
• require.js
• main.js

In ./index.xhtml:

<script type="text/javascript" src="./require.js" defer="defer"/>
<script type="text/javascript" src="./main.js" defer="defer"/>

And in ./main.js:

requirejs(
  ["Bright", "DOMOperation"],
  function (Bright, DOMOperation) {
    /* Libraries are available now. */
    /* ... */
  }
);

Production version

Download link

• GitCode snippet
  • Bright.js (6,740 byte(s))
  • DOMOperation.js (13,325 byte(s))

Version information

Bright.js

date 1660226223123

DOMOperation.js

date 1660299027351

Usage

Direct import

Suppose you have a simple directory with files:

• index.xhtml
• Bright.js
• DOMOperation.js
• main.js

In ./index.xhtml, import these JavaScript libraries by using the <script> tag directly:

<script type="text/javascript" src="./Bright.js" defer="defer"/>
<script type="text/javascript" src="./DOMOperation.js" defer="defer"/>
<script type="text/javascript" src="./main.js" defer="defer"/>

And in ./main.js:

(function (Bright, DOMOperation) {
  /* Libraries are available now. */
  /* ... */
})(
  this.Bright,
  this.DOMOperation
);

With RequireJS

You can also use RequireJS (we use version 2.0.4 (with comments / minified)) to allow asynchronous load.

Suppose you have a simple directory with files:

• index.xhtml
• Bright.js
• DOMOperation.js
• require.js
• main.js

In ./index.xhtml:

<script type="text/javascript" src="./require.js" defer="defer"/>
<script type="text/javascript" src="./main.js" defer="defer"/>

And in ./main.js:

requirejs(
  ["Bright", "DOMOperation"],
  function (Bright, DOMOperation) {
    /* Libraries are available now. */
    /* ... */
  }
);

Production version

Download link

• GitCode snippet
  • Bright.js (6,740 byte(s))
  • DOMOperation.js (12,849 byte(s))