DOM对元素属性的操作

最新推荐文章于 2022-07-20 19:53:56 发布
最新推荐文章于 2022-07-20 19:53:56 发布
阅读量190 收藏
点赞数
分类专栏： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Dimuzero/article/details/110952312
版权

DOM对元素属性的操作

1.getAttribute

获取元素属性值

input.getAttribute('type')

2.setAttribute

给元素添加属性值（第一个参数是属性名，第二个参数是属性的值）必须两个参数

input.setAttribute("yes", "ok")    //yes=ok

添加属性（一个值）

input.attributes.setNamedItem(disabled)

3.createAttribute

创建属性（用变量接收）

var NewAttribute = document.createAttribute('good')
input.setAttribute('good', 'ok')

4.removeAttribute

删除属性

input.getAttributeNode("type")
XUPT-前端在逃工程师
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
快速解决js动态改变dom元素属性后页面及时渲染的问题
10-22
下面小编就为大家带来一篇快速解决js动态改变dom元素属性后页面及时渲染的问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
DOM下的节点属性和操作小结
12-11
nodeValue可读可写，这是对元素节点不能写。一般只用于设置文本节点的值。 4 .childNodes 返回子节点数组。文本和属性节点的childNodes永远是null。可以用hasChildNodes()来判断是否有子节点。只读属性，要
DOM——操作元素属性
asdf1234dfty的博客
06-25 561
操作元素属性的方法以及注意事项
js操作dom元素的属性和方法
sunshingheavy的专栏
02-01 835
 查看文章 js操作dom元素的属性和方法2009年04月14日 星期二 16:32　　W3C DOM和JavaScript　　W3CDOM和JavaScript很容易混淆不清。DOM是面向HTML和XML文档的API，为文档提供了结构化表示，并定义了如何通过脚本来访问文档结构。JavaScript则是用于访问和处理DOM的
DOM中常用的操作元素属性
qq_41189709的博客
08-04 223
操作元素 1，操作元素内容 innerText 2，操作常用属性 3，操作表单元素属性 4，操作元素样式属性
dom元素属性操作（常规属性操作）
qq_51702682的博客
03-08 204
dom元素属性操作（常规属性操作） 注：原生js操作样式，只能操作元素的行内样式 1.操作类名称 console.log(btnlist.className); console.log(btnlist.name); console.log(btnlist.id); console.log(btnlist.style); console.log(btnlist.style.width); console.log(btnlist.style.height); 执
DOM操作元素属性
zhou_nj的博客
09-05 163
1.设置元素自身的属性，可以直接设置。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <
DOM操作一些常用的属性汇总
09-03
DOM将文档解析为一个可操作的对象集合，这些对象称为节点，包括元素节点、属性节点和文本节点等。以下是一些在DOM操作中常见的属性及其用途： 1. **通过ID获取元素**： - 语法：`document.getElementById("id")` ...
jQuery 获取/设置/删除DOM元素的属性以a元素为例
10-25
通过以上方法，我们可以轻松地对DOM元素进行操作，无论是处理链接的`href`属性还是调整元素的外观。jQuery的强大之处在于它简化了原本繁琐的DOM操作，使得开发者能够更高效地编写和维护代码。无论是初学者还是经验...
JQuery之对元素属性进行操作
qq_34550459的博客
05-14 141
1.设置和获取元素的自定义属性: attr(name): 获取匹配的第一个元素的属性值 attr(name,value) 为所有匹配的元素设置一个属性值(value为属性值) attr(properties) 为所有匹配元素以集合形式同时设置多个属性({name:value,name:value…}) 2.设置和获取元素的固有属性: 所谓元素的固有属性就是元素本身自带的属性。 prop(name):获取匹配元素的属性值 prop(name,value):设置匹配元素的属性值 Demo: <!DOCTY
jquery对元素属性的操作
天空守护云
03-02 110
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
DOM系列之元素的属性操作
老__L的博客
07-18 231
元素的属性操作
JS操作DOM元素属性和方法
日々精進
10-17 394
参照
DOM——表单元素的属性操作
weixin_45328723的博客
07-20 140
DOM 表单属性操作
DOM操作元素的方法
LQlove1的博客
06-07 335
主要内容：1.修改元素内容 2.修改元素属性 3.修改表单属性 4.修改样式属性
DOM操作获取元素 元素关系 操作元素属性
m0_63964179的博客
07-14 126
box.innerHTML="6666"给id为box的标签添加h1标签。email.value="6666"给idemail的标签设置value值。a1.style.backgroundColor="red"改变背景色。vararr=box1.children//id=box1的子元素们。img1.src="../img/hua.webp"添加图片地址。box2.align="center"添加居中属性。如...
dom元素属性操作
weixin_51525719的博客
02-02 157
dom元素属性操作 属性 attr(name|pro|key,val|fn) removeAttr(name) prop(n|p|k,v|f) removeProp(name) CSS 类操作 addClass(class|fn) removeClass([class|fn]) toggleClass(class|fn[,sw]) hasClass() 检测元素是否具有某个类 true false HTML代码/文本/值 html([val|fn]) text([val|fn]) val(
DOM：使用dom对表单元素的属性进行操作
weixin_46682277的博客
03-16 471
利用dom可以操作以下表单元素的属性： type value checked selected disabled 注意：innerHTML是对普通盒子，比如div标签里的内容起作用； 而表单里面的值，也就是文字内容是通过value来修改的。 如果想要某个表单被禁用，无法点击，将disabled的值等于true就可以了，false则解除禁用。 <button>点我</button> <input type="text" name="" id=""> <script
html dom如何修改元素属性
最新发布
07-13
要修改HTML元素的属性，你可以使用JavaScript来操作HTML DOM（文档对象模型）。以下是一些常见的方法： ...这些是修改HTML元素属性的一些基本方法。根据具体情况，你可以使用不同的方法来实现你想要的效果。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值