如果你想要完全兼容,看起来容易的事实上是很棘手的。

var e = document.createElement('div');

假设您要添加“div1”的ID。e['id'] = 'div1';e.id = 'div1';e.attributes['id'] = 'div1';e.createAttribute('id','div1')

这些都将工作,除了IE 5.5中的最后一个(这是古代历史,但仍然是XP的默认,没有更新)。

但当然还有突发事件。在8之前的IE中不会工作:e.attributes['style'] 不会出错而是实际上不会设置类,它必须是className : e['class'].

但是,如果你正在使用属性,那么这将工作:e.attributes['class']

总之,将属性视为文字和面向对象。

在字面上,你只是希望它吐出x ='y'而不考虑它。这是属性,setAttribute,createAttribute的用途(IE的样式异常除外)。但因为这些都是对象,所以事情可能会变得混乱。

因为你要正确地创建一个DOM元素而不是jQuery innerHTML slop,我会把它视为一个并坚持使用e.className ='fooClass'和e.id ='fooID'。这是一个设计偏好,但在这种情况下,尝试对待除了对象之外的其他任何东西。

它永远不会像其他方法那样适得其反,只要知道class是className而style是一个对象,所以它的style.width not style =“width:50px”。还要记住tagName,但这已经由createElement设置,所以你不必担心它。

这比我想要的要长,但JS中的CSS操作是棘手的事情。

js在ie追加html,如何使用JavaScript将属性添加/更新到HTML元素?相关推荐

  1. JavaScript数组的添加,指定选定元素,删除指定元素并添加新的元素的方法

    1:首先还是需要先创建一个实例数组: var arr = new Array() arr[0] = "George" arr[1] = "John" arr[2 ...

  2. js第7章DOM案例:获取操作的元素、元素内容操作、元素属性操作、classList的使用、获取节点、节点追加、删除节点和节点属性

    目录 1.获取操作的元素 document对象的方法 document对象的属性 Element对象的方法和属性 2. 元素内容操作 3.元素属性操作 4.classList的使用 5. 获取节点 6 ...

  3. php js动态删除数组元素,javascript如何删除数组中的指定元素

    js删除数组中的指定元素主要分为两步,首先判断数组中是否包含这个元素,然后再通过splice()方法来删除指定元素 本篇文章主要介绍的是如何通过javascript语言对数组中的指定元素进行删除的方法 ...

  4. php实现飘窗,JS实现网站图片飘窗效果,JavaScript悬浮广告(附详细代码)

    原标题:JS实现网站图片飘窗效果,JavaScript悬浮广告(附详细代码) JS实现网站图片飘窗效果,Java悬浮广告,郑州SEO提供以下代码,仅供参考: 飘窗效果-丁光辉博客(www.dinggu ...

  5. JS 逆向的时候 Python 如何调用 JavaScript 代码?「建议收藏哦!」

    你好,我是悦创.关注公众号:AI悦创,抢先阅读优质文章. 公众号原文:https://mp.weixin.qq.com/s/PYEiSMgP2LT0DmcHX08PCw 博客原文:https://ww ...

  6. js数组查找最接近_在JavaScript数组中找到最小元素的位置

    在JavaScript数组中找到最小元素的位置 注*  之前有篇文章介绍过数据遍历的性能比较: for in 比for loop慢至少20倍 ,这是另外一篇比较数组查找性能的例子,通过对手工/inde ...

  7. js跟php增加删除信息,浅谈JavaScript数组的添加和删除

    本文给大家浅谈一下JavaScript数组的添加和删除 ,有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助. 1.添加 (1)最简单的方法:为新索引赋值 (2)使用push()和unsh ...

  8. JavaScript[对象.属性]集锦

    作者: 蓝色理想 SCRIPT 标记? 用于包含JavaScript代码.? 属性? LANGUAGE 定义脚本语言? SRC 定义一个URL用以指定以.JS结尾的文件? windows对象? 每个H ...

  9. 公司培训文档-JavaScript[对象.属性]集锦

    SCRIPT 标记 用于包含JavaScript代码. 属性 LANGUAGE 定义脚本语言   SRC 定义一个URL用以指定以.JS结尾的文件 windows对象 每个HTML文档的顶层对象. 属 ...

最新文章

  1. LLVM与Clang编译图例
  2. Spark 分布式计算原理
  3. ServiceMesh架构的演变过程概述
  4. 踩坑日记:Logstash同步数据库有type字段导致同步失败
  5. jquery中prop()方法和attr()方法的区别浅析
  6. 阮一峰react demo代码研究的学习笔记 - how to debug converted source code
  7. 实现RTP协议的H.264视频传输系统
  8. 一起读经典-《Effective Java》1.1 考虑使用静态工厂方法代替构造器
  9. 查看linux上卸载mysql数据库_linux卸载mysql数据库
  10. harbor 多端口_Harbor使用 -- 修改80端口
  11. MySQL和数据库可视化工具的下载与安装
  12. 【Anylogic智能体状态转移】
  13. 基于python的三维射线追踪库-ttcrpy详解(4)
  14. drawio中添加数学公式
  15. 基础回顾:10W+ 字 C 语言入门教程(上)
  16. word删除空白页删不了怎么办?Word怎么删除空白页?
  17. vmware使用显卡
  18. php本地解密,PHPDecode 在线解密工具
  19. 哈哈,电驴资源 的下载问题
  20. 【NLP】使用递归神经网络对序列数据进行建模 (Pytorch)

热门文章

  1. Mybatis源码阅读(一):Mybatis初始化1.2 —— 解析别名、插件、对象工厂、反射工具箱、环境
  2. debug error怎么解决_我要以血和泪的经历告诉你,这个 bug 太难解决了
  3. android 颜色范围,Android系统颜色的适用范围
  4. ipfs分布式存储网络服务器系统,IPFS分布式存储是什么意思 分布式云存储服务器详解...
  5. Linux查询root环境变量,linux环境变量和查看方法
  6. 详解4种经典的限流算法
  7. 面试突击 | 彻底搞定 JVM 这几道高频面试题
  8. Dubbo 面试题汇总(附答案)
  9. Xamarin截取/删除emoji表情bug解决方案
  10. 【Python】mmSegmentation语义分割框架教程(自定义数据集、训练设定、数据增强)