DOM属性的设置与获取

最新推荐文章于 2023-09-01 15:45:22 发布
最新推荐文章于 2023-09-01 15:45:22 发布
阅读量221 收藏
点赞数 1
文章标签： js dom
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43614064/article/details/105698239
版权

获取属性
在这里插入图片描述
最简单的获取属性的方法就是标签.属性
例如：
`

//给p设置一个data——color的属性
p.setAttribute("data-color","red");

审查元素，发现p标签就多了一个data-color属性
<p id="text" align="center" data-type="title" data-color="red"></p>
删除属性
在这里插入图片描述

虚诚
关注
【JS笔记】JS中的DOM对象以及通过JS获取DOM结点，操作DOM属性、DOM增删改查
✅ Java 开发工程师，从事 Web 应用程序的研发，擅长 Spring、SpringBoot 等技术。 ✅ 热爱编程，业余时间学习新知识，通过 CSDN 记录学习心得和笔记内容。
11-09 1932
DOM，全称是：Document Object Model，文档对象模型，它主要是用于描述HTML文档对象的。一个HTML页面是由许多的标签组成的，例如：html、head、body、div等等标签元素，JS里面将整个的HTML作为一个document文档来进行管理，其中HTML里面的每一个标签都是一个DOM结点。HTML里面所有的DOM结点构成了一颗DOM树，这就有点类似于二叉树了，只不过DOM里面的树是多叉树，因为HTML里面的标签里面可以嵌套许多其他的标签。...
Dom获取 属性操作
liubibaoo的博客
06-29 1113
匹配的是第一个元素 如果没有匹配到，则返回null。 可以直接操作修改语法: 获取到的是一个伪数组 ,没有获取到是一个空数组 伪数组里面的元素才是我们要的DOM对象之所以是伪数组,因为不能添加删除里面的内容需要通过数组的下标进行修改语法 : 列如 :只针对与双标签 innerText 只针对文本 ,不解析标签 innerHTML 针对文本又可以解析标签语法 : 语法 : 3.className 操作 DOM对象.className =
DOM的dataset属性 / 元素标签的data-* 属性
qq_39706777的博客
11-24 1937
data-* 可以让我们在所有 HTML 元素上嵌入自定义 data 属性。 定义 data-* 属性的规则： 属性名不应该包含任何大写字母，并且在前缀 “data-” 之后必须有至少一个字符 属性值可以是任意字符串 <textarea id="address" data-name="yyy" data-role="xxx"></textarea> const dom = document.querySelector("#address") // 获取元素节点的所有 dat.
dom中给data赋值
qq_28332767的博客
06-21 5314
给data赋值 data() 方式赋值不会操作 dom 节点,而是在内存中生成该对象,并给该对象中的属性赋值,增加或是修改.而不会在dom上显示该数据. attr() 是基于 dom 的. 若要操作已经取出来的dom中的内容的话，使用attr即可 $(elem).attr("data-num", num); 参考：https://blog.csdn.net/xiaobinq...
DOM——操作元素属性
asdf1234dfty的博客
06-25 589
操作元素属性的方法以及注意事项
Dom中获取和设置属性
youning222的博客
04-09 572
获取元素一、getElementById  1.它是document对象特有的函数。在脚本代码里，函数名的后面必须跟有一对圆括号，这对圆括号包含着函数的参数。getElementById方法只有一个参数：你想要获得的那个元素的id属性的值，这个id值必须放在单引号或者双引号里。即document.getElementById(id)。                  2.例如：document....
dom属性操作，class操作，data操作
weixin_34363171的博客
11-25 225
1.dom属性操作可以代替class和data但是不太方便 getAttribute(key), setAttribute(key, value), removeAttribute(key), hasAttribute(key) 2.class操作 dom.classList 是一个数组 dom.classList.length //返回className的个数 dom.classList.it...
vue获取DOM元素并设置属性的两种实现方法
08-29
在使用Vue框架开发项目时，我们常常需要获取DOM元素并对其进行操作，比如设置属性或样式。Vue提供了多种方式来实现这一需求，本文主要介绍两种方法：一种是通过给元素添加id属性，另一种是利用Vue的ref属性。 首先...
jQuery 获取/设置/删除DOM元素的属性以a元素为例
10-25
本篇文章将深入探讨如何使用jQuery获取、设置和删除DOM元素，特别是以`a`元素为例，来阐述这些操作。 首先，让我们从获取属性开始。在jQuery中，`attr()`函数用于获取或设置元素的属性。例如，如果我们有一个`<a>`...
59-(DOM)data属性
最新发布
我们的目标是星辰大海！
09-01 121
59-(DOM)data属性
详解HTML5 data-* 自定义属性
12-30
在jQuery的attr与prop提到过在IE9之前版本中如果使用property不当会造成内存泄露问题，而且关于Attribute和Property的区别也让人十分头痛，在HTML5中添加了data-*的方式来自定义属性，所谓data-*实际上上就是data-前缀加上自定义的属性名，使用这样的结构可以进行数据存放。使用data-*可以解决自定义属性混乱无管理的现状。 读写方式 data-*有两种设置方式，可以直接在HTML元素标签上书写 <div id=test data-age=24> Click Here </div> 其中的data-age就是一种自定
Vue初学日记Day2
dglhtao的博客
07-09 139
Vue初学日记Day2 1.代码链接 https://github.com/dglhtao/VueLearning 2.品牌管理案例 实现品牌的添加、删除、搜索 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <met...
简单当前页更换皮肤代码示例
weixin_41317447的博客
05-07 1134
&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;meta charset="utf-8" name="viewport" content=""&gt; &lt;script type="text/javascript"
style标签上的scoped属性
qq_43260366的博客
10-22 5694
在我们使用第三方插件(eg:vant)的时候，想要修改其中的样式时—>若是我们写在带有scoped的style中时，默认会在选择器上加一个属性，这样就修改不到子元素的身上(无法修改子组件的样式)；答案是不需要的，因为在vue中在打包时会将所有的样式打包到一个css文件中；而在uni-app中会将每个页面打包到一个单独的wxss文件中，因此这样已经保证了该文件的样式不被其他文件干扰了；在使用uni-app时我们使用的是.vue文件进行代码编写的，style标签也存在coped属性。[1]解决1—使用穿透。
好看的颜色色值
XUYANBOYA的博客
04-22 278
<ul class="color-scheme"> <li class="c_f44336" data-color="#f44336"></li> <li class="c_e91e63" data-color="#e91e63"></li> <li class="c_ea4c89" data-color="#ea4c89"></li> <li class="c_9c27b0" data-color="#9c27b0"
H5新增的自定义属性：data- 和dataset
qq_46325260的博客
12-25 1892
谈到自定义属性会想到哪个单词呢？ 1 .什么是自定义属性 1.1：标准属性： W3C中的标准属性，标签天生自带的属性，浏览器可以识别， 比如class id title等, 可以直接使用点语法操作 1.2 自定义属性： 由程序员自己添加的属性,在DOM对象中找不到, 无法使用点语法操作,必须使用专门的API（用于存储一些数据） 设置一个自定义属性：setAttribute（'属性名'=,'属性值'） 获取自定义属性：getAttribute（'属性名'） 删除自定义属性：removeAttrib
DOM--自定义属性的操作
JJ_Smilewang的博客
06-15 2415
DOM元素属性分为内置属性和自定义属性，比如我们常见的class、id、src、input等属性，都是内置属性，简单理解就是元素自带的属性。而自定义属性就是程序员为了方便使用而自己给元素设置的属性。① element.属性 获取属性值。 ② element.getAttribute('属性');区别： (1) element.属性 获取内置属性值（元素本身自带的属性），如img..src (2) element.getAttribute(‘属性’); 主要获得自定义的属性 （标准） 我们程序员自定义的属性;
关于Html5中自定义属性data-*的总结
monster1935的专栏
05-21 1万+
一、关于html元素的特性1.html元素都存在一些标准的特性： id 元素在文档中的唯一标识符 title 有关元素的附加说明信息，一般通过工具提示条显示出来 lang 元素内容的语言代码，很少使用 dir 语言的方向，很少使用 className，与元素的class特性对应，考虑到与ECMAScript的保留字class的冲突，因此命名为className 2.操作特性的方法 getAttr
DOM（三）修改元素属性、样式、添加/删除元素
热门推荐
商务合作 | 共同学习 | 携手共进
09-24 2万+
JavaScript DOM：修改属性、修改样式，添加/删除元素。
DOM操作精华：节点获取与属性管理
- `getElementsByName()`: 通过name属性获取元素。 - `querySelector()` 和 `querySelectorAll()`: 使用CSS选择器获取单个或多个元素，更灵活。 2. 属性操作： - `getAttribute()`: 获取节点的属性值。 - `...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值