节点属性操作

最新推荐文章于 2021-10-11 10:40:13 发布
最新推荐文章于 2021-10-11 10:40:13 发布
阅读量346 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Wangmengyao1115/article/details/78493355
版权
<title>节点属性操作</title>
<style>
.myClass{
width:200px;
height:200px;
background-color:#F39;
border: 1px solid #0C0;
}
</style>
<script src="../jQuery-2.1.0/jquery-2.1.0.js"></script>
    <script>
    $(function(){
$("button:eq(0)").click(function(){
alert($("p").attr("title"));
});
$("button:eq(1)").click(function(){
$("p").attr("title","mytitle");
});
$("button:eq(2)").click(function(){
$("p").attr({"title":"mytitle","id":"myId"});
});
$("button:eq(3)").click(function(){
$("p").removeAttr("title");
});

$("button:eq(4)").click(function(){
$("p").attr("class","myClass");
});
$("button:eq(5)").click(function(){
$("p").addClass("myClass");
});
$("button:eq(6)").click(function(){
$("p").removeClass("myClass");
});

$("button:eq(7)").click(function(){
$("p").toggleClass("myClass");
});
});
    </script>
</head>


<body>
<button>获取属性</button>
    <button>添加属性</button>
    <button>添加多个属性</button>
    <button>删除属性</button>
    <button>添加类选择器</button>
    <button>添加类选择器2</button>
    <button>删除类选择器</button>
    <button>切换类选择器</button>
    <p>p标签</p>
    
</body>
墨明棋妙呀
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery教程6-操作节点属性
William_fang的博客
07-23 317
文章目录一.操作节点属性二.源码三.效果图篇章 一.操作节点属性 attr是attribute的缩写，有属性的意思。 attr方法的作用：获取节点的属性。 二.源码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name=
DOM下的节点属性和操作小结
12-11
属性： 1 .nodeName 节点名称，相当于tagName.属性节点返回属性名，文本节点返回#text。nodeName，是只读的。 2 .nodeType 值：1，元素节点；2，属性节点；3，文本节点。nodeType是只读的。 3 .nodeValue 返回一个...
节点属性的操作
qq_42309685的博客
07-09 139
节点属性的操作 <script> window.onload = function(){ var eleNode = document.getElementsByTagName("img")[0]; //属性、赋值的两种方法 //1.元素节点.属性或者元素节点[属性] console.log(eleNode.src); console.log(eleNode.tagName)...
js节点操作和节点属性操作
weixin_38168838的博客
12-08 157
节点操作 1.节点查找 document.getElementById，document.getElementByTagName，document.getElementByName ，document.getElementByClassName document.querySelector() 参数为选择器 document.forms 选取页面中的所有表单元素 2.增...
节点操作大全(二)~操作节点的属性
weixin_46370867的博客
12-07 362
下面是对节点属性操作的整理，希望可以帮助到有需要的小伙伴~ 跟小编来康康吧 文章目录获取节点的属性值设置节点的属性值删除节点的属性 获取节点的属性值 方式1： 元素节点.属性; 元素节点[属性]; // 注意：中括号里面的属性名要加引号 实例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="wid
操作属性节点
zhangyiyang111的博客
12-26 100
1.5 操作属性节点 操作属性 获取：var 变量 = 标签.属性名 设置：标签.属性名 = 属性值 DOM操作属性节点 获取：标签.getAttribute(“属性名”) 设置：标签.setAttribute(“属性名”,“属性值”) 删除：标签.removeAttribute(“属性名”) //1.获取id console.log(oDiv.getAttribute("id"));; console.log(oDiv.getAttribute("class")); //2.设置 oDi
示例4：操作节点属性.rar_javascript操作节点属性
最新发布
09-20
7. **数据属性操作**：HTML5引入了自定义数据属性（data-*），如`data-myattr`。JavaScript中可以通过`dataset`属性访问，例如，`document.getElementById('myElement').dataset.myattr;` 这些操作在实际网页开发中...
JQuery节点元素属性操作方法
10-24
主要介绍了JQuery节点元素属性操作方法,实例分析了attr与removeAttr方法操作节点元素属性的相关使用技巧,需要的朋友可以参考下
Js——节点操作、节点属性操作
weixin_30347335的博客
05-30 80
查询节点 单一节点：document.getElementById、document.getElementByTagName、document.getElementByName、document.getElementByClassName 可选节点：document.querySelector()　　// 参数为选择器 document.getElementById(select_...
操作节点的标签属性
quangelixi的博客
10-11 132
1、自定义属性 节点.属性名 let box = documnet.querySelector("box"); box.a = false; //定义的这个box变量的a属性只能在js中使用，不能出现在标签的属性中 2、合法标签属性 就是标签里面的属性 标签自带的属性如：id class title src alt name等 直接使用 节点. 的方式获取属性值。eg：console.log(节点.id); 节点.title = "新的title" console.log(节点.sr...
属性节点的操作
wuqiongqiong_的博客
06-03 366
属性节点增删改查                 //属性的操作就是增删改查         onload=function(){         //1添加属性（方法1 方法2 方法3）         //方法1 使用setAttribute添加属性         //添加的是自定义的，非标准的属性         var x=document.querySelectorAl
DOM节点操作属性和方法
weixin_43723064的博客
12-16 549
一、访问/获取节点 document.getElementById(id);　　　　　　　　 　　//返回对拥有指定id的第一个对象进行访问 document.getElementsByName(name);　　　　　　//返回带有指定名称的节点集合　　 注意拼写:Elements document.getElementsByTagName(tagname); 　　//返回带有指定标签名的对象集合...
dom提供的几个操作节点的属性
qq_38265115的博客
03-17 149
childNodes：一个元素下面所有的节点数，包括，元素，属性，文本等等 nodeType：一般3个值使用，，元素属性文本分别为123 nodeValue：文本节点值，既可以获取又可以设置 firstChild 和lastChild 第一个节点和最后一个节点 ...
属性节点的操作(JS操作属性)（jQuery操作属性）（H5新增的属性操作）
weixin_42839080的博客
09-01 1562
首先,我们先搞清楚属性与属性节点是什么? 属性: 在对象中,我们说属性就是对象存储的数据,或则说对象身上保存的变量就是属性。在CSS的样式中，因为它也是键值对的形式，所以我们也称CSS样式属性。 操作属性的方法： 1、点语法： 对象.属性 = 属性值； （赋值） 对象.属性 (取值) 2、字符串语法： 对象[‘属性名称’] = 属性值； （赋...
js——属性和属性节点 样式操作
肖的博客
08-25 1755
属性： 对象身上保存的变量就是属性 ele[attr];//获取属性 ele[attr]=value;//设置属性 属性节点： 在html添加的属性就是属性节点，保存在attributes里面 ele.getAttribute(attr);//获取属性节点 ele.setAttribute(attr,value);//设置属性节点...
JS 节点属性操作-（获取，设置，删除）
MagicWing的博客
10-17 2902
节点属性 设置节点和获取节点 什么样的设置方式对应什么样的获取方式 setAttribute 设置的则用getAttribute 开获取 ele.id=“02” 则通过 console.log(ele.id)来获取 删除属性 ...
JavaScript操作属性节点的方法、JS获取和设置CSS样式的方法
祥哥的说
12-10 4377
JavaScript操作属性节点 属性节点的特征： 1.nodeType值为11 2.parentNode值为null 3.在HTML中不包含子元素 注意：（1）尽管属性也是节点，但却不认为是DOM文档树的一部分。（2）开发人员常用getAttribute（）、setAttribute( )、removeAttribute( )等方法来操作属性。 1、设置属性值 方法： （1）cr...
第二章 DOM初识之节点的属性和操作
weixin_30268921的博客
02-25 190
2.4 DOM的属性 nodeName 文档里的每个节点都有以下属性。 nodeName:一个字符串，其内容是给定节点的名字。 var name = node.nodeName; * 如果节点是元素节点，nodeName返回这个元素的名称 * 如果是属性节点，nodeName返回这个属性的名称 * 如果是文本节点，nodeName返回一个内容...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值