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的使用 的相关文章

  • Excel 对象库文件在哪里

    我正在寻找 Excel 对象库文件以将其导入 LabVIEW 我安装了 MS Office 2013 可以找到 MSACC olb MSOUTL olb MSPPT olb 和 MSWORD olb 但无法确定要导入哪个文件 olb 或 d
  • MySQL 错误 1264:列的值超出范围

    As I SETMySQL 中的 cust fax 表如下所示 cust fax integer 10 NOT NULL 然后我插入这样的值 INSERT INTO database values 3172978990 但随后它说 错误 1
  • 如何在fortran 90中生成[0,5]范围内的整数随机数?

    我对 Fortran 编程有点陌生 任何人都可以帮我解决问题吗 我在生成整数随机数时遇到问题 在 Fortran 随机数范围 0 5 中使用 random seed 和 rand 为了支持answer https stackoverflow
  • 如何将两个输入通道连接到 ScriptProcessorNode? (网络音频 API、JavaScript)

    我正在尝试实现一个具有两个输入和一个输出通道的 ScriptProcessorNode var source new Array 2 source 0 context createBufferSource source 0 buffer b
  • 面向对象设计的良好参考[关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi
  • 如何获取数组中对象的属性名称?

    这是我的数组 var testeArray name Jovem1 esteira Macaco name Jovem esteira Doido horse Chimbinha 从上面 我想得到一个像这样的数组 var propertyN
  • OSError: [Errno 8] MacOS 上的 GeckoDriver 和 Selenium 执行格式错误

    我正在使用 firefox gecko 驱动程序来制作机器人 我的机器人不断收到错误消息 我发现消息的来源是 from selenium import webdriver browser webdriver Firefox lines 我已
  • 在 Firefox 上调试 CSS 动画性能

    我们最近在制作基于 CSS 的动画 丢帧 时遇到了 Firefox 特有的性能问题 在 Chrome 中我们可以使用 时间轴 选项卡轻松调试 但是有适用于 Firefox 的类似工具吗 最好同时适用于 Firefox 桌面版和移动版 因为这
  • 编译器错误:从 int* 到 unsigned int* 的无效转换 [-fpermissive]

    我今天遇到了最奇怪的问题 我正在网上使用一个示例 但令我惊讶的是 它不起作用 他们几乎从不这样做 我自己着手修复它 但我似乎陷入了这个错误 Error Invalid Conversion from int to unsigned int
  • 如果我的编译器不支持 C 或 C++ 中的 128 位整数加法和减法?

    我正在为 128 位数字的长流编写一个压缩器 我想将数字存储为差异 仅存储数字之间的差异而不是数字本身 因为我可以将差异打包在更少的字节中 因为它们更小 然而 为了压缩 我需要减去这些 128 位值 为了解压缩 我需要添加这些值 我的编译器
  • 客户端 websocket 限制消息长度

    我正在使用 node js 开发一个 websockter 服务器 并且我发现了 Chrome 中的一些怪癖 Chrome OS X 10 7 64 位 上的最大字符串长度为 17740 而 Firefox 似乎可以毫无问题地处理非常大的字
  • Arduino 上的串行消息到整数

    我希望我的 Arduino 通过串行通信接收一个整数 你能帮我解决这个问题吗 它应该是这样的形式 int value strtoint Serial read 有多种方法可以读取整数Serial 很大程度上取决于数据发送时的编码方式 Ser
  • 压缩一组大整数

    我有一组整数 我希望对其有最紧凑的表示 我有以下限制 功能 它被设置 或者换句话说 一个唯一整数的列表 其中顺序并不重要 集合L的大小相对较小 通常为1000个元素 整数遵循 0 到 N 1 之间的均匀分布 其中 N 相对较大 例如 2 3
  • 如何在 unity3d C# 中让相机跟随物体?

    我有一个名为 Ball 的对象 我向它添加了键盘交互性 WASD 来移动球 我需要摄像机留在后面并跟随球 但我遇到了错误 using UnityEngine using System Collections public class bal
  • javascript - 自动点击 Netflix 互动电影选择

    我正在寻找一种方法 可以自动点击一些 Netflix 电影中的交互选项 我尝试了很多方法 但似乎只有焦点事件有效 document getElementsByClassName BranchingInteractiveScene choic
  • 如何在 PHP 中对数组和数据进行排序?

    这个问题旨在作为有关 PHP 中数组排序问题的参考 人们很容易认为您的特定案例是独特的并且值得提出新问题 但大多数实际上只是此页面上的解决方案之一的微小变化 如果您的问题因与此问题重复而被关闭 请仅在您能解释为什么它与以下所有问题显着不同的
  • 如何使用插件 SDK 通过 url(不是 getMostRecentBrowserWindow)调用 Firefox printpreview

    我调用 printpreview 的一种方法是使用 getMostRecentBrowserWindow const getMostRecentBrowserWindow require sdk window utils var chrom
  • 在Python中将字典转换为以键作为对象名称的对象

    我有一本这样的字典 d item1 Hi 150 495 item2 Hola 590 40 我想将其转换为对象 如果可能的话递归地 我有一堂课 class Item def init self thetuple self greeting
  • 此 JavaScript 如何在 Firefox 中打开 Windows 设置?

    新安装 Firefox 45 开发版后 我看到了这个页面 它有一个按钮 让我们开始吧 单击该按钮时 会以某种方式打开选择默认应用程序Windows 10 中的设置页面 这是怎么做到的 我无法通过开发者控制台在该页面上迷宫般的代码中找到任何内
  • 检测 WebGL 支持的正确方法?

    我正在尝试跨多个浏览器检测 WebGL 支持 并且遇到了以下情况 当前版本的 Firefox 似乎使用以下检查来报告积极支持 即使访问者的视频卡被列入黑名单和 或 WebGL 被禁用 if window WebGLRenderingCont

随机推荐

  • 代码质量检测(三)—— 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