innerHTML在Mozilla Firefox和Opera下执行的一个特例情况。

 更新时间:2007年01月09日 00:00:00   作者:  
是在CSDN论坛看到的一个问题,平常我也没有注意,或者说没有这样用吧。看代码 

 

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]


不是预期的结果吧?包括在Opera下执行的情况也是与Firefox下相同的,你可以尝试在Opera下运行就明白了。

如果能够得到我们预期的效果呢?我尝试着用__defineGetter__的方法在Mozilla下得到所有的innerHTML,在这里却给了我一些提示。比如:

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

上面这些代码虽然达不到预期目的,但是却是要知道一定要得到attribute的值,因此我尝试着用下面这个方法来做。

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

这个方法却成功了,也就可以说明,在Mozilla下的innerHTML通过遍历元素的所有节点的tagName还有attrubutes来得到其innerHTML的。因此我们第一个例中的innerHTML得不到改动后的value值。

与此同时,Opera下这一招也可以用。也证明在Opera下的innerHTML也是通过遍历元素的所有节点的tagName还有attrubutes来得到其innerHTML的。

难道w3c里的标准是这样的吗?还没有空来得及查w3c的资料,所以也说不上是Opera与Mozilla下的巧合,还是IE下面比较让开发人员舒服的设计。

相关文章

  • JavaScript Window.open弹窗使用详解

    JavaScript Window.open弹窗使用详解

    这篇文章主要为大家介绍了JavaScript Window.open 弹窗使用详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-11-11
  • JS获取html对象的几种方式介绍

    JS获取html对象的几种方式介绍

    这篇文章主要介绍了JS获取html对象的几种方式,有需要的朋友可以参考一下
    2013-12-12
  • JavaScript代码模拟鼠标自动点击事件示例

    JavaScript代码模拟鼠标自动点击事件示例

    这篇文章主要介绍了JavaScript代码模拟鼠标自动点击事件示例,文章通过示例代码和运行效果图介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-08-08
  • js表单序列化判断空值的实例

    js表单序列化判断空值的实例

    下面小编就为大家带来一篇js表单序列化判断空值的实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09
  • 原生javascript实现解析XML文档与字符串

    原生javascript实现解析XML文档与字符串

    这篇文章主要介绍了javascript解析XML文档和XML字符串的方法和具体的代码解析,有需要的小伙伴可以参考下。
    2016-03-03
  • TypeScript 泛型重载函数的使用方式

    TypeScript 泛型重载函数的使用方式

    这篇文章主要介绍了TypeScript 泛型重载函数的使用方式,文章围绕主题展开详细的内容介绍,具有一定的参考价值,需要的小伙伴可以参考一下
    2022-08-08
  • es6基础学习之解构赋值

    es6基础学习之解构赋值

    解构赋值语法是一个 Javascript 表达式,这使得可以将值从数组或属性从对象提取到不同的变量中。这篇文章主要给大家介绍了关于es6基础学习之解构赋值的相关资料,需要的朋友可以参考下
    2018-12-12
  • 教你如何自定义百度分享插件以及bshare分享插件的分享按钮

    教你如何自定义百度分享插件以及bshare分享插件的分享按钮

    在项目中我们常用到百度分享插件或者bshare分享插件,虽然官方都有自定义按钮的功能,但是毕竟还是只有少数几种,我们如何来制作有自己特色的分享按钮呢?
    2014-06-06
  • 基于Cesium绘制栅栏的示例代码

    基于Cesium绘制栅栏的示例代码

    这篇文章主要介绍了如何利用Cesium绘制栅栏效果的示例代码,文中的示例代码讲解详细,对我们学习或工作有一定的帮助,需要的可以参考一下
    2022-06-06
  • js正则表达exec与match的区别说明

    js正则表达exec与match的区别说明

    本篇文章主要是对js正则表达exec与match的区别进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-01-01

最新评论