`

javascript HTMLElement prototype

阅读更多

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.

 

 

 

 

分享到:
评论

相关推荐

    连续操作HTMLElement对象图文解决方法

    在JavaScript中,`HTMLElement`是DOM(文档对象模型)的一部分,表示HTML元素的接口。它提供了访问和修改HTML元素属性、样式以及事件处理的方法。在实际编程中,我们经常需要对`HTMLElement`对象进行一系列的操作,...

    连续操作HTMLElement对象图文解决方法.docx

    - 当试图使用`Object.prototype.xxx`这样的通用方法时,可能不适用于HTMLElement对象,因为它们可能没有这些方法。需查阅文档确认哪些方法适用于特定的DOM对象。 通过以上方法,你可以有效地对HTMLElement对象进行...

    javascript 兼容所有浏览器的DOM扩展功能

    针对这一问题,作者将分享一种方法,即利用HTMLElement的Prototype来定义一个新的方法bind,这类似于现在流行的库如jQuery的事件绑定方法。 首先,我们需要了解DOM的结构,它是以树状形式存在于文档中的,每个节点...

    Prototype 学习 Prototype对象

    在JavaScript领域中,Prototype框架是一个强大的库,它简化了许多复杂的DOM操作,使得开发者能够更轻松地处理事件、动态创建元素等。本篇文章将深入探讨Prototype对象的核心概念与具体实现细节,帮助读者更好地理解...

    JavaScript在IE和Firefox(火狐)的不兼容问题解决

    代码中首先检查当前环境是否支持`HTMLElement.prototype`,然后定义了`outerHTML`的setter和getter,实现了在Firefox中对元素及其子元素进行替换和获取的功能。 ### 二、数组访问方式的统一 在IE中,可以使用点号...

    所有关于HTML自定义元素

    prototype: Object.create(HTMLElement.prototype), createdCallback: function() { // 元素创建时执行的代码 }, attachedCallback: function() { // 元素插入文档时执行的代码 }, detachedCallback: ...

    让Firefox支持event对象实现代码

    HTMLElement.prototype.__defineGetter__("runtimeStyle", element_prototype_get_runtimeStyle); window.constructor.prototype.__defineGetter__("event", window_prototype_get_event); } ``` 这里,`...

    firefox浏览器不支持innerText的解决方法

    在提供的代码中,开发者通过检测浏览器类型(通过`navigator.userAgent`)来判断是否为Firefox,然后使用JavaScript的原型链(prototype)来添加`innerText`的getter和setter方法。这是通过`__defineGetter__`和`__...

    Javascript 模拟点击事件(点击链接与html点击) 兼容IE/Firefox

    HTMLElement.prototype.click = function() { if (typeof this.onclick == 'function') { if (this.onclick({type: 'click'}) && this.href) { window.open(this.href, this.target ? this.target : '_self'); ...

    Firefox和IE兼容性问题及解决方法总结

    兼容firefox的 outerHTML,FF中没有outerHtml的方法 代码如下: if (window.HTMLElement) { HTMLElement.prototype.__defineSetter__(“outerHTML”,function(sHTML) { var r=this.ownerDocument.createRange();...

    深入学习JavaScript对象

    2. **宿主对象**:由运行JavaScript的环境(如浏览器)提供,如HTMLElement,它们与特定的执行环境紧密相关。 3. **自定义对象**:程序员通过代码创建的对象,可以根据需求定义属性和方法。 对象的属性有两种类型:...

    JavaScript在IE和Firefox(火狐)的不兼容问题解决方法小结

    代码如下: if (window.HTMLElement) { HTMLElement.prototype.__defineSetter__(“outerHTML”,function(sHTML) { var r=this.ownerDocument.createRange(); r.setStartBefore(this); var df=r....

    让firefox支持IE的一些方法的javascript扩展函数代码

    通过Object.prototype.__defineGetter__和Object.prototype.__defineSetter__方法,可以为HTMLElement类动态添加innerText的getter和setter。innerText方法允许开发者获取或设置HTML元素内的文本内容,与textContent...

    JS判断浏览器类型与版本

    var isSafari = Object.prototype.toString.call(window.HTMLElement).indexOf('Constructor') > 0; ``` 或者通过正则匹配: ```javascript var isSafari = /Safari/.test(navigator.userAgent) && !/Chrome/....

    custom-element-styles:自动将样式注入自定义元素的 Shadow DOM

    自定义元素样式 创建自定义元素后,自动将样式注入到它的 Shadow DOM ... create ( HTMLElement . prototype )}styles ( CustomElement , ` h1 { color: red; text-transform: uppercase; }` )CustomElement . prototyp

    x-json:显示JSON的自定义元素。(格式化并美化)

    (但未使用任何JavaScript代码) 演示版 在此处查看演示: : 安装 您可以将dist/x-json.html文件复制到服务器上的某个位置,也可以使用bower: bower install --save x-json 用法 < script > if ( '...

    Firefox浏览器兼容JS脚本

    HTMLElement.prototype.__defineGetter__("innerText", function() { var anyString = ""; var childS = this.childNodes; for (var i = 0; i ; i++) { if (childS[i].nodeType == 1) { anyString += childS[i...

    ie和火狐的兼容问题总结

    HTMLElement.prototype.__defineGetter__("innerText", function() { var anyString = ""; var childS = this.childNodes; for (var i = 0; i ; i++) { if (childS[i].nodeType == 1) anyString += childS[i]....

    如何写一个通用的JavaScript效果库!(1/2)

    * @param {HTMLElement} element - 需要操作的DOM元素 * @param {number} [value] - 设置的透明度值,范围0-1 * @returns {number | void} - 若只传入element则返回透明度值;若传入element和value则不返回值 */...

Global site tag (gtag.js) - Google Analytics