javascript HTMLElement prototype

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

iteye_13882

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

阅读量739

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： javascript ViewUI

本文链接：https://blog.youkuaiyun.com/iteye_13882/article/details/82395177

javascript 专栏收录该内容

40 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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.