JS中setAttribute的使用

2023-11-11

在web开发中,经常会为某个标签设置属性,那么就可以利用js的setAttribute()方法为标签的属性设置值。


 

下面的内容翻译自W3C DOM Level 1中关于setAttribute方法的说明.


 

具体的方法参数如下:

object.setAttribute(sName, vValue [, iFlags])

 

参数:


sName

 

必填项. String类型,属性名

vValue 必填项. 为属性指定的变量,可以为string, number, 或者 Boolean类型
iFlags 选填. 下面指定的两种 Integer 类型的标志
0 覆盖同名属性.
1 默认值. 为属性添加指定的值.

 

返回值

 

无返回值.

 

备注

如果指定的属性不存在,该方法讲为object添加新属性及值.

注意,当拼写属性名时. 如果 iFlags 设置成 1 并且 指定的sName 参数在该属性上没有相同名字时(包括大小写), object讲为之创建新属性.

如果object有两个或多个相同的属性名, 仅在值上不同时, iFlags设为 0, 该方法仅保存第一个被创建属性的值,其她的同名属性将被忽略.

使用该方法设置 CLASS 属性时, 请将sName 设为 "className",以符合Dynamic HTML (DHTML) 特性.(其实"className"仅适合在IE下使用,FF下要用"class")


 

 

 

 

firefox等可以使用
var dom=document.getElementById("name");
dom.setAttribute("style","width:10px;height:10px;border:solid 1px red;") ;

IE中则必须使用style.cssText

var dom=document.getElementById("name");
dom1.style.cssText = "width:10px;height:10px;border:solid 1px red;";

补充一下,目前style.cssText类似innerHTML了,已经成为一个web开发的事实标准。因此测试显示firefox浏览器也支持这种方式。


本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

JS中setAttribute的使用 的相关文章

随机推荐

  • 代码质量检测(三)—— SonarLint和SonarQube的本地使用

    根据 代码质量检测 一 常用代码质量管理工具 的介绍和 代码质量检测 二 如何选择代码检查工具 的分析 我们大概得出结论 在当前开源的代码质量检测工具中 阿里系列除外 pmd 基于源代码分析 主要面向安全编码规则 如 避免声明同名变量 包括
  • ​​PMP项目管理—第6章 项目进度管理。

    PMBOK项目管理知识体系指南 PMP项目管理学习笔记 总 第1章 引论 第2章 项目运行环境 第3章 项目经理的角色 第4章 项目整合管理 第5章 项目范围管理 第6章 项目进度管理 第7章 项目成本管理 第8章 项目质量管理 第9章 项
  • Ubuntu搭建Git仓库

    Ubuntu中搭建Git仓库 简介 这里使用的是阿里的Ubuntu服务器进行Git仓库搭建 Git在个人服务器搭建不适合新手 需要一定基础 安装Git 首先登录服务器 使用 以下命令安装Git sudo apt get install gi
  • 粉丝破千了,喊几个机器人跳个舞庆祝下

    先看效果 机器人跳舞 再看代码
  • js获取视频时长

    p p
  • php 混淆 js,通过php实现对js的加密混淆

    使用php对js进行混淆加密 具体方法如下 js路径 jsPath DIR assets js 不需要压缩的JS exclude array jQuery ui position min js easy validator pack js
  • CentOS7 yum安装mysql5.7,查看默认root密码

    CentOS7默认安装MariaDB 安装mysql5 7就需要添加mysql官方yum源 1 下载官方yum源 首先需要下载官方yum源 wget https repo mysql com mysql57 community releas
  • 解决页面中引用了谷歌字体库访问缓慢的问题

    解决页面中引用了谷歌字体库访问缓慢的问题 这段时间做一个项目的时候遇到了页面访问谷歌字体库加载缓慢的问题 因为引用了别人的页面模板 其中需要使用到谷歌字体也就是 但是为了开发和调试的方便 设置了浏览器禁止缓存 每次刷新页面非常缓慢 从chr
  • java基础详解1----package引入&CLASSPATH

    一 对于公共类 public java源码文件名一定要与类名一致 否则会报错 D project helloWorld gt javac hello java hello java 1 错误 类HelloWorld是公共的 应在名为 Hel
  • Visio 2010 软件:安装即可使用

    安装方法 此文件位Visio 2010 光盘镜像文件 点击打开直接安装 关注下方微信公众号 免费获取海量电子书资源 关注公众号 点击电子书 获取下载链接
  • flutter 修改host文件

    找地址 11 打开 https www ipaddress com 输入访问不了的域名 1 通过网站查网站ip地址 网上有很多网站可以查询网站的ip地址 这里推荐一个好的查询网站ip地址的网站 就是https www wanshangdat
  • extends与implements的使用和区别

    extends 是继承父类 只要那个类不是声明final或者定义为abstract就能继承 JAVA中不支持多重继承 继承只能继承一个类 但implements可以实现多个接口 用逗号分开就行了 比如 class A extends B i
  • datagrid动态更改属性值:如单选多选

    if staffName indexOf sendstaff 0 grid datagrid singleSelect true else grid datagrid singleSelect false
  • VScode User Settings

    1 How to find setting file gt preference gt setting 2 find the settings json 3 pay attention to the character after each
  • Java中通过NetworkInterface获取主机地址和物理地址等

    场景 Networklnterface类表示一个由名称和分配给此接口的IP地址列表组成的网络接口 也 就是Networklnterface类包含网络接口名称与IP地址列表 该类提供访问网卡设备的相关 信息 如可以获取网卡名称 IP地址和子网
  • sar命令

    sar 使用举例 1 输出CPU使用情况的统计信息 2 显示I O和传送速率的统计信息 3 输出内存页面的统计信息 4 输出每秒创建的进程数的进程统计信息 5 输出网络设备状态的统计信息 6 输出网络设备状态的统计信息 查看网络设备故障 7
  • unity前端通过java后端实现短信验证码登录

    一 搭建java后端 1 新建一个springboot项目 初始导入spring boot starter data redis spring boot starter data web lombok依赖 2 进入阿里巴巴短信运营商购买短信
  • 数据结构与算法--树的查找

    树的查找 当用线性表作为表的组织形式时 可以有三种查找法 其中二分查找效率最高 但由于二分查找要求表中结点按关键字有序 且不能用链表作存储结构 因此 当表的插入或删除操作频繁时 为维护表的有序性 势必要移动表中很多结点 这种由移动结点引起的
  • Jmeter系列-控制器Controllers的介绍(8)

    Controllers 简介 JMeter是一款功能强大的性能测试工具 而控制器是JMeter中非常重要的一个组件 控制器用于控制测试计划的执行流程 可以根据需求来控制线程的启动 停止 循环等操作 Jmeter有两种类型的控制器 Sampl
  • JS中setAttribute的使用

    在web开发中 经常会为某个标签设置属性 那么就可以利用js的setAttribute 方法为标签的属性设置值 下面的内容翻译自W3C DOM Level 1中关于setAttribute方法的说明 具体的方法参数如下 object set