js取值 html标签自定义属性(图)

最新推荐文章于 2025-04-28 01:00:00 发布
最新推荐文章于 2025-04-28 01:00:00 发布 · 69 阅读 · 0
文章标签：

#javascript #ViewUI

本文介绍如何使用Easyui实现TreeGrid中Checkbox选择的监听，并通过代码示例展示如何获取最顶层tr标签的node-id属性。

这个是Easyui的treegrid的代码:(只是完成一个checkbox选择的监听的事件,来实现父子节点的选择)

这里说的是如何取值属性:以checkbox为例子:如何取值最顶层tr标签的node-id属性


以下就是代码:

$("input[type='checkbox']").click(function(){			
alert(this.parentNode.parentNode.parentNode.getAttribute('node-id'));
});
关键代码是这句:
this.parentNode.parentNode.parentNode.getAttribute('node-id')
找到checkbox的父节点->父节点->父节点-获得node-id属性


iteye_15968
关注
【前端基础篇】快速学习HTML常用标签和属性
前端知识分享喵
06-12 1812
WEB标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure-html）、表现（Presentation-css）和行为（Behavior-javascript）。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。
html标签默认值,HTML标签CSS属性默认值汇总
weixin_35698805的博客
06-17 2115
HTML标签CSS属性默认值，在你需要还原默认值的时候比较有用。以前一直在找这份文档，今天偶然在网上看到了。除了inline和block的定义，主要是要注意body|h1~h6|blockquote|menu|ul|ol|dd等标签的默认样式(margin和font-size)。html, address,blockquote,body, dd, div,dl, dt, fieldset, for...
JSP标签、自定义标签，含有属性
02-24
学习JSP标签的基础实例代码，包含了JSP标签技术需要的最基本的文件，便于理解JSP标签的底层实现。
浅谈JS读取DOM对象(标签)的自定义属性
10-21
下面小编就为大家带来一篇浅谈JS读取DOM对象(标签)的自定义属性。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
JavaScript 自定义属性操作
猿码互联
05-28 931
在 JavaScript 中，可以使用自定义属性来存储与元素相关的数据。自定义属性允许开发人员在元素上存储任何类型的数据，包括字符串、数字、对象等。接下来，我将详细解析如何在 JavaScript 中操作自定义属性，并提供相应的代码示例。总结： 自定义属性允许在 JavaScript 中添加、获取、删除和检查属性，可以存储任何类型的数据，包括对象。但需要注意的是，自定义属性并不是原生 HTML 属性，应该遵循。要访问存储的对象，可以先获取自定义属性的值，然后使用。是自定义属性的命名规则，
JS标签属性
不凡乃大的博客
04-28 3694
标签属性 1、获取和修改标签属性 可读可写 .style 获取的是行内样式 通过.的方式这能获取合法的标签属性（就是不能获取系统自带的方法属性），需要通过特定的方法来获取 <body> <img src="" alt="哈哈" name="dawang" id="box"/> </body> <script> var ...
JavaScript(15)——操作表单元素属性和自定义属性
m0_74386799的博客
07-25 622
标准属性：标签自带的属性例如class，id，title，可以直接使用点语法操作比如：disabled，checked，selected。html5中推出了专门的data-自定义属性在标签上一律以data-开头在DOM对象一律以dataset对象方式获取。
React 拖拽 插入自定义标签
localhost
02-21 1459
拖拽 在光标处插入自定义节点
Bootstrap tagsinput自定义标签插件
hellogril前端库
11-26 1229
该自定义标签插件提供api接口，可以将input和select元素转换为标签。使用元素作为标签时，需要添加multiple data-role="tagsinput"属性。使用作为标签时，只需要添加data-role="tagsinput"属性即可。itemAddedOnInit：在初始化时，预加载的标签会触发该事件。beforeItemRemove：在删除一个标签之前会触发该事件。beforeItemAdd：在添加一个标签之前会触发该事件。itemAdded：添加一个标签时会触发该事件。
JavaScript标签自定义属性
weixin_33836223的博客
09-26 775
  自定义属性，给标签添加自己定义的属性，目的是可存储内容。 添加自定义属性有两种方法，一是直接在标签上添加属性，比如： <span score="20">小名的成绩</span>,二是代码添加自定义属性。 声明了自定义属性之后，在js中是没办法直接“对象.属性”来获取其属性的值的，因为js获取的对象说到底是DOM对象，DOM对象中是没有自定义属性的，所以想直接通过“对象....
JavaScript如何自定义标签属性
热门推荐
Potry Code的博客
08-03 1万+
目录：一、为何要自定义属性？二、自定义属性的2种方式第1种：直接在标签中添加想要的属性第2种：设置自定义属性:setAttribute("属性的名字","属性的值");三、总结: 一、为何要自定义属性？ 因为html原生并没有给我们一些像要的属性，而我们可以给标签添加自己定义的属性，目的是为了存储一些数据。 二、自定义属性的2种方式 第1种：直接在标签中添加想要的属性 例如： <ul id=...
JS动态创建HTML标签
baidu_33163851的博客
04-08 4922
JS动态创建HTML标签
js学习笔记6（自定义属性、操作元素、DOM经典案例）
qq_63130842的博客
04-11 1234
核心思路：1.点击眼睛按钮，把密码框类型改为文本框就可以看见密码 2.一个按钮两种状态，点击一次，切换为文本框，再点击一次，切换为密码框 3.算法：利用一个flag变量，判断flag的值，如果是1就切换为文本框再把flag设置为0，如果是0，就切换为密码框再把flag设置为1 -->//把全选框的状态赋给每个小框，就可以达到同等状态了，在全选框选中时，每个小框也会被选中，取消全选时即都会取消选中。//this.checked可以反映当前选中状态，选中即为true,未选中即为false。
JS基础四【JS】
weixin_53943447的博客
03-01 1372
自定义属性的目的保存并保存数据，有些数据可以保存到页面中而不用保存到数据库中有些自定义属性很容易引起歧义，不容易判断到底是内置属性还是自定义的，所以H5有了规定设置H5自定义属性H5规定自定义属性data开头作为属性名并且赋值// 或者使用JavaScript设置获取H5自定义属性element.getAttribute('属性')element.dateset.index 或者 element.dateset['index']ie11才开始支持。
【Web APIs】JavaScript 自定义属性操作 ① ( 自定义属性操作 | 获取属性值 | 设置属性值 | 移除属性 | TAB 栏示例 )
最新发布
让 学习 成为一种 习惯 ( 韩曙亮 の 技术博客 )
04-28 1626
一、JavaScript 自定义属性操作 1、获取属性值 2、设置属性值 3、移除属性 4、完整代码示例 二、TAB 栏示例 1、需求说明 2、TAB 按钮设置 3、TAB 按钮设置 4、自定义属性保存选中索引值 5、完整代码示例 6、执行结果
JS自定义属性操作
Sea_water778的博客
10-24 6060
1.获取属性两种方法 element.属性 获取内置属性值 element.getAttribute ( ’ 属性 ’ ); get获取 attribute 属性的意思 获取程序员自己添加的属性 称为自定义属性 2.设置属性值两种方法 element.属性 = ’ 值 ’ 设置内置属性值。 element.setAttribute ( ’ 属性 '，‘ 值 ’ )； 区别； element.属性 设置内置属性值 element.setAttribute( ’ 属性 '，‘ 值
HTML5 标签自定义属性,以及在JS中如何获取自定义属性的值
houyanhua1的专栏
03-21 6687
demo.html(JS中获取属性值)：&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title&gt; &lt;/head&gt; &lt;body&gt;
HTML中a标签的属性详解与应用示例
本文以“HTML＜a＞标签解析[源码]”为题，深入剖析了该标签的多种属性及其灵活应用方式，旨在帮助开发者全面掌握其用法，提升网页的可用性与用户体验。 首先，`<a>`标签的基本结构由开始标签`<a>`和结束标签`</a>`...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值