javascript HTMLElement prototype

最新推荐文章于 2023-05-08 01:24:06 发布

原创最新推荐文章于 2023-05-08 01:24:06 发布 · 755 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

javascript 专栏收录该内容

40 篇文章

订阅专栏

本文探讨了在Internet Explorer 8、Firefox、Safari及Opera等浏览器中利用DOM特性对HTML元素进行扩展的方法，通过扩展原型实现元素的自定义方法，并展示了如何在代码中应用这些扩展。

In newer version of Internet explorer, Opera and Firefox, I think the Chrome as well. has the prototype for HTML element.

so by which, the HTML element is represented by some base functions. so you can extend more function to it by add something to its prototype.

/**************************************
*@Summary
*  Internet Explorer 8, Firefox, Safari, and Opera all provides base functions representing objects in the DOM.
*
*  this utilize this feature to extend the element in the HTML
*
* @Usage:
*   

// old way 
var a = document.getElementById("a");
a.parentNode.removeChild(a);

// New way 

document.getElementById("b").remove();

* @TODO:
* test it 
***************************************/


HTMLElement.prototype.remove = function () {
  if (this.parentNode) {
    this.parentNode.removeChild(this);
  }

};

Below show something that you can do about the HTMElement.