js在ie追加html,如何使用JavaScript将属性添加/更新到HTML元素?
如果你想要完全兼容,看起来容易的事实上是很棘手的。
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元素?相关推荐
- JavaScript数组的添加,指定选定元素,删除指定元素并添加新的元素的方法
1:首先还是需要先创建一个实例数组: var arr = new Array() arr[0] = "George" arr[1] = "John" arr[2 ...
- js第7章DOM案例:获取操作的元素、元素内容操作、元素属性操作、classList的使用、获取节点、节点追加、删除节点和节点属性
目录 1.获取操作的元素 document对象的方法 document对象的属性 Element对象的方法和属性 2. 元素内容操作 3.元素属性操作 4.classList的使用 5. 获取节点 6 ...
- php js动态删除数组元素,javascript如何删除数组中的指定元素
js删除数组中的指定元素主要分为两步,首先判断数组中是否包含这个元素,然后再通过splice()方法来删除指定元素 本篇文章主要介绍的是如何通过javascript语言对数组中的指定元素进行删除的方法 ...
- php实现飘窗,JS实现网站图片飘窗效果,JavaScript悬浮广告(附详细代码)
原标题:JS实现网站图片飘窗效果,JavaScript悬浮广告(附详细代码) JS实现网站图片飘窗效果,Java悬浮广告,郑州SEO提供以下代码,仅供参考: 飘窗效果-丁光辉博客(www.dinggu ...
- JS 逆向的时候 Python 如何调用 JavaScript 代码?「建议收藏哦!」
你好,我是悦创.关注公众号:AI悦创,抢先阅读优质文章. 公众号原文:https://mp.weixin.qq.com/s/PYEiSMgP2LT0DmcHX08PCw 博客原文:https://ww ...
- js数组查找最接近_在JavaScript数组中找到最小元素的位置
在JavaScript数组中找到最小元素的位置 注* 之前有篇文章介绍过数据遍历的性能比较: for in 比for loop慢至少20倍 ,这是另外一篇比较数组查找性能的例子,通过对手工/inde ...
- js跟php增加删除信息,浅谈JavaScript数组的添加和删除
本文给大家浅谈一下JavaScript数组的添加和删除 ,有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助. 1.添加 (1)最简单的方法:为新索引赋值 (2)使用push()和unsh ...
- JavaScript[对象.属性]集锦
作者: 蓝色理想 SCRIPT 标记? 用于包含JavaScript代码.? 属性? LANGUAGE 定义脚本语言? SRC 定义一个URL用以指定以.JS结尾的文件? windows对象? 每个H ...
- 公司培训文档-JavaScript[对象.属性]集锦
SCRIPT 标记 用于包含JavaScript代码. 属性 LANGUAGE 定义脚本语言 SRC 定义一个URL用以指定以.JS结尾的文件 windows对象 每个HTML文档的顶层对象. 属 ...
最新文章
- LLVM与Clang编译图例
- Spark 分布式计算原理
- ServiceMesh架构的演变过程概述
- 踩坑日记:Logstash同步数据库有type字段导致同步失败
- jquery中prop()方法和attr()方法的区别浅析
- 阮一峰react demo代码研究的学习笔记 - how to debug converted source code
- 实现RTP协议的H.264视频传输系统
- 一起读经典-《Effective Java》1.1 考虑使用静态工厂方法代替构造器
- 查看linux上卸载mysql数据库_linux卸载mysql数据库
- harbor 多端口_Harbor使用 -- 修改80端口
- MySQL和数据库可视化工具的下载与安装
- 【Anylogic智能体状态转移】
- 基于python的三维射线追踪库-ttcrpy详解(4)
- drawio中添加数学公式
- 基础回顾:10W+ 字 C 语言入门教程(上)
- word删除空白页删不了怎么办?Word怎么删除空白页?
- vmware使用显卡
- php本地解密,PHPDecode 在线解密工具
- 哈哈,电驴资源 的下载问题
- 【NLP】使用递归神经网络对序列数据进行建模 (Pytorch)
热门文章
- Mybatis源码阅读(一):Mybatis初始化1.2 —— 解析别名、插件、对象工厂、反射工具箱、环境
- debug error怎么解决_我要以血和泪的经历告诉你,这个 bug 太难解决了
- android 颜色范围,Android系统颜色的适用范围
- ipfs分布式存储网络服务器系统,IPFS分布式存储是什么意思 分布式云存储服务器详解...
- Linux查询root环境变量,linux环境变量和查看方法
- 详解4种经典的限流算法
- 面试突击 | 彻底搞定 JVM 这几道高频面试题
- Dubbo 面试题汇总(附答案)
- Xamarin截取/删除emoji表情bug解决方案
- 【Python】mmSegmentation语义分割框架教程(自定义数据集、训练设定、数据增强)