javascript setAttribute()用法

最新推荐文章于 2022-04-29 12:05:18 发布

JaneHxx

最新推荐文章于 2022-04-29 12:05:18 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript

本文链接：https://blog.youkuaiyun.com/JaneHxx/article/details/53909502

javascript 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了setAttribute()方法的基本用法及示例，展示了如何使用此方法为DOM元素设置或修改属性值，包括为现有属性更新值及添加新属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

setAttribute(),既可以增加新的属性名称和值，也可以为已经存在的属性设置值。

例如：

可以为已经存在的属性设置值:

div1=document.createElement("div");

div1.setAttribute("width","600px");

也可以增加新的属性和值:

d1 = document.createElementNS("http://www.w3.org/2000/svg","rect");

d1.setAttribute("id",Datass[i].id);
d1.setAttribute("floorNo",Datass[i].floorNo);

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

JaneHxx

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

js中SetAttributes的用法和注意事项

wdf618的专栏

12-26

1万+

我们经常需要在JavaScript中给Element动态添加各种属性，这可以通过使用setAttribute()来实现，这就涉及到了浏览器的兼容性问题。setAttribute(string name, string value)：增加一个指定名称和值的新属性，或者把一个现有的属性设定为指定的值。1、样式问题setAttribute("class", value)中class是指改变"cl

setAttribute()方法

qq_24193261的博客

09-18

2万+

setAttribute()方法增加一个指定名称和治的新属性，或者把一个现有属性设定为指定的值 elementNode.setAttribute(name,value) 说明： 1.name：要设置的属性名 2.value:要设置的属性值注意： 1.把指定的属性设置为指定的值。如果不存在具有指定名称的属性，该方法将创建一个新属性。 2.类似于getAttribute()方法，s

参与评论您还未登录，请先登录后发表或查看评论

JavaScript中setAttribute用法介绍

01-19

setAttribute(string name, string value)：增加一个指定名称和值的新属性，或者把一个现有的属性设定为指定的值。1、样式问题setAttribute(“class”, value)中class是指改变”class”这个属性，所以要带引号。vName代表对样式赋值。例如: 代码如下:var input = document.createElement(“input”);input.setAttribute(“type”, “text”);input.setAttribute(“name”, “q”);input.setAttribute(“class”,bord

JavaScript中setAttribute兼容ie6 class onclick

weixin_30394669的博客

11-10

328

我们经常需要在JavaScript中给Element动态添加各种属性，这可以通过使用setAttribute()来实现，这就涉及到了浏览器的兼容性问题。 setAttribute(string name, string value)：增加一个指定名称和值的新属性，或者把一个现有的属性设定为指定的值。 1、样式问题setAttribute(class, value)中class是指改变...

JavaScript中setAttribute用法详解

知足happiness的博客

08-29

2万+

setAttribute基本用法 element.setAttribute(attributename,attributevalue) setAttribute() 方法添加指定的属性，并为其赋指定的值,看到w3c的例子 document.getElementsByTagName("INPUT")[0].setAttribute("type","button"); 我们经常

js中setAttribute用法详解

热门推荐

Z忽虎的博客

07-13

6万+

setAttribute基本用法element.setAttribute(attributename,attributevalue)setAttribute() 方法添加指定的属性，并为其赋指定的值,看到w3c的例子document.getElementsByTagName("INPUT")[0].setAttribute("type","button");我们经常需要在JavaScript中给E...

javascript中setAttribute()函数使用方法及兼容性

10-23

### setAttribute()函数的基本使用方法 1. **函数定义**：`setAttribute()`函数属于Element对象，它用来将指定元素上名为`name`的属性设置为给定的`value`值。 2. **语法结构**：`element.setAttribute(name, ...

JavaScript的setAttribute兼容性问题解决方法

10-26

3. 在使用`setAttribute`方法时，可以利用浏览器对于`javascript:`协议的支持来解决兼容性问题，但在代码中应尽量避免使用`javascript:`前缀，因为它可能导致XSS（跨站脚本攻击）的安全风险。 4. 对于复杂的交互...

javascript中setAttribute兼容性用法分析

11-29

本文实例分析了javascript中setAttribute兼容性用法。分享给大家供大家参考，具体如下： 1:常规属性建议使用 node.XXXX。 2:自定义属性建议使用node.getAttribute(“XXXX”)。 3:当获取的目标是JS里的关键字时建议...

js的setAttribute的使用

Picking_up_stones的博客

10-24

1594

最近在写一个剧院管理系统的前端页面，需要动态生存座位，给每个座位都要注明它的状态，查了一些资料，可以给每个座位绑定一个属性，在用的时候只要获得座位的id调用属性就行。就用了setAttribute（”class”，”value”）这个方法。这是w3school里的方法说明：看到两个参数都是string类型，就想着自己要添加的是座位状态，就写了这么一行代码:img.setAttribute("

setAttribute() 与 getAttribute() 用法剖析及选项卡操作的实例展示，这一篇就够了

狮子座的男孩

04-29

1万+

Ⅰ、在 MDN 上 setAttribute() 与 getAttribute() 函数的用法解释(很详细)： 1、Element.setAttribute()：其一、摘要：设置指定元素上的某个属性值。如果属性已经存在，则更新该值；否则，使用指定的名称和值添加一个新的属性。要获取某个属性当前的值，可使用 getAttribute()；要删除某个属性，可使用 removeAttribute()。其二、语法： element.setAttribute(name, value); 参数： name

JS中setAttribute方法

fang_my的博客

02-18

1749

js中setAttribute（）的一个注意事项

在ASP.NET中实现多文件上传（以及添加节点的问题）（setAttribute()）

疾风劲草

10-19

1103

我们经常需要在JavaScript中给Element动态添加各种属性，这可以通过使用setAttribute()来实现，这就涉及到了浏览器的兼容性问题。 setAttribute(string name, string value)：增加一个指定名称和值的新属性，或者把一个

JavaScript中setAttribute用法

bestlxm的专栏

04-11

876

JavaScript中setAttribute用法我们经常需要在JavaScript中给Element动态添加各种属性，这可以通过使用setAttribute()来实现，这就涉及到了浏览器的兼容性问题。 setAttribute(string name, string value)：增加一个指定名称和值的新属性，或者把一个现有的属性设定为指定的值。 1、样式问题 setAtt

JS中setAttribute的使用

chen_wei_1990的专栏

09-14

1945

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

Javascript之getAttribute()方法 setAttribute()方法

fisher_jiang的专栏

03-04

6011

●一份文档就是一棵节点树。 ●节点分为不同的类型：元素节点、属性节点和文本节点等。 ●getElementById()方法将返回一个对象，该对象对应着文档里的一个特定的元素节点。 ●getElementsByTagName()方法将返回一个对象数组，它们分别对应着文档里的一个特定的元素节点。 ●这些节点中的每个都是一个对象。getAttribute()方法至此，我们已经向大家介绍了两种检

【Javascript】setAttribute()方法

O(∩_∩)O

12-16

745

setAttribute() 方法增加一个指定名称和值的新属性，或者把一个现有的属性设定为指定的值。语法： elementNode.setAttribute(name,value) 说明： 1.name: 要设置的属性名。 2.value: 要设置的属性值。注意： 1.把指定的属性设置为指定的值。如果不存在具有指定名称的属性，该方法将创建一个新属性。

js-getAttribute与setAttribute的用法

XiaoQ的博客

03-13

4453

今天UI出图里有一个小小的特效，鼠标滑过图标时，图标更换颜色（字体图标本身和北京）正常情况下UI会提供相应的字体图标然后css:hover就可以搞定了，但是UI说没有，只有psd原图还得自己换颜色，本来打算自己把图片转换给字体图标，后来一想好像可以用JS来实现，在加上又是一个小网站，用户对相应速度要求很低（其实是我发现生成字体图标好麻烦还要下载AI），于是我就打算用JS来实现，正好练练手。

javascript setattribute

03-16

JavaScript的setAttribute方法是用来设置HTML...例如，可以使用setAttribute方法来设置元素的class属性、id属性、style属性等。这个方法非常常用，可以帮助我们动态地修改HTML元素的属性，从而实现更加灵活的网页设计。