`
mozhenghua
  • 浏览: 324621 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

获取html 节点的自定义属性

 
阅读更多 

<html>
 <head>
 </head>
 <body>
  <div id="test" dataid="123"></div>
 </body>
</html>

<script>
  alert(document.getElementById("test").getAttribute('dataid'));
</script>

 

因为在客户端应用的时候需要为html节点添加一些自定义的属性，这个属性可以通过以上这种方式来取得

分享到：
| 将java程序成为linxu的系统服务
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    可自定义树节点的Tree组件

    - **模板**：部分Tree组件支持使用模板引擎，允许开发者插入HTML代码，创建复杂的自定义节点结构。 2. **行为自定义**： - **事件监听**：添加点击、双击、拖拽等事件监听器，以便在用户与节点交互时执行特定的...

    js设置和获取自定义属性的方法

    本文将详细介绍如何在JavaScript（简称JS）中设置和获取这些自定义属性的方法。 首先，我们需要了解HTML中的自定义属性通常是以data-为前缀的。例如，如果我们想为一个元素添加一个描述用户信息的属性，我们可能会...

    JavaScript实现body内任意节点的自定义属性功能示例

    一旦获取了DOM节点，我们就可以使用以下方法来获取或设置自定义属性： - `getAttribute(attributeName)`: 通过属性名获取指定元素的属性值。 - `setAttribute(attributeName, value)`: 设置元素的属性值。 例如，...

    示例4：操作节点属性.rar_javascript操作节点属性

    1. **获取属性值**：使用`getAttribute()`方法可以获取节点的属性值。例如，`var attrValue = document.getElementById('myElement').getAttribute('myAttr');` 2. **设置属性值**：使用`setAttribute()`方法可以...

    用javascript添加控件自定义属性解析

    获取已添加的自定义属性的值，我们可以使用`getAttribute`方法，或者通过`attributes`属性来访问元素的所有属性，然后通过属性名找到对应的属性节点，再获取其`nodeValue`： ```javascript var txt = document....

    JS操作HTML自定义属性的方法

    本文通过实例，详细介绍了使用JavaScript如何获取和设置HTML元素的自定义属性。这些操作在实际开发中非常实用，能帮助开发者灵活地处理页面元素的各种信息。需要注意的是，虽然自定义属性可以为开发带来便利，但也...

    Element-ui tree组件自定义节点使用方法代码详解

    - `props`：自定义节点属性，用于指定`data`中哪些属性对应Tree组件的`label`、`children`等。 - `render-content`：这是一个方法，用于自定义节点显示的内容，可以用来渲染各种复杂的结构。 - `draggable`：是否...

    浅谈JS读取DOM对象(标签)的自定义属性

    `getAttribute()`是一个DOM方法，能够获取元素上指定的属性值，无论是标准属性还是自定义属性。 ```javascript alert(test.getAttribute("adang")); ``` 使用`getAttribute()`方法可以确保不同浏览器下都能正确地...

    js获取单元格自定义属性值的代码(IE/Firefox)

    ### JS获取单元格自定义属性值的代码(IE/Firefox) #### 背景介绍 在Web开发中，我们经常需要处理HTML表格中的数据。特别是在JavaScript编程中，获取单元格内的自定义属性值是非常常见的需求。由于浏览器的兼容性...

    jquery自定义属性(类型/属性值)

    在本段文档中涉及到的知识点主要集中在使用jQuery来创建和操作自定义属性的动态添加。文档详细描述了一个功能实现的过程，允许用户通过下拉菜单选择要创建的HTML元素类型（图片、文本框、按钮等），随后再选择要设置...

    详谈DOM简介及节点、属性、查找节点的方法

    除了节点属性外，我们还可以使用nodeType、nodeName和nodeValue等属性来判断和获取节点的相关信息： - nodeType：返回一个数字，代表节点的类型。 - nodeName：返回节点的名字，通常元素节点会返回大写的标签名。 - ...

    在JOINTJS元素中使用HTML

    最后，为了响应用户在输入框中的操作，我们可以监听`change:`事件，该事件会在属性改变时触发： ```javascript element.on('change:myInput', function(cell, value) { console.log('输入框的值已改变:', value); ...

    treeview父子节点联动

    在ASP.NET中，可以使用`TreeNode.CheckState`属性来获取或设置节点的选中状态。 4. **事件处理**： ASP.NET的TreeView控件提供了一些关键事件，如`NodeCheck`事件，当节点的检查状态改变时触发。在事件处理程序中...

    domtoimage使用HTML5canvas从DOM节点生成图像

    "domtoimage使用HTML5canvas从DOM节点生成图像" 这个标题提到了一个名为 "domtoimage" 的工具，它利用HTML5的Canvas API将DOM（文档对象模型）中的节点转换为图像。这个过程通常用于网页截图或者在网页中保存和分享...

    asp.net的Treeview的Checkbox选中父节点，选中全部子节点并且展开

    在 HTML 页面中，我们需要为 TreeView 控件添加必要的属性，例如 `ShowCheckBoxes="All"` 表示所有节点都显示复选框，`onclick` 属性用于绑定 JavaScript 函数等。 ```html ShowCheckBoxes="All" BorderStyle=...

    HTML5网状结构节点动画特效.zip

    “说明.htm”文件可能包含了关于如何使用这个特效的文档，例如如何在自己的网站上集成这段代码，或者如何自定义节点的样式和行为。 总的来说，这个资源对于学习HTML5 Canvas和JavaScript动画的开发者来说是非常有...

    当自定义数据属性为json格式字符串时jQuery的data api问题探讨

    使用 IE 7 （IE8+ 在控制台切换至IE7 模式），当DOM 节点有自定义数据属性时，检查 DOM 节点即可看到 形如 jQuery18305664906559272507 的属性，这便是 用于从数据存储对象中获取自定义数据的建。当自定义数据属性是...

    JSTree(js写的树形菜单，支持加载10000节点以上)

    4. **优化节点渲染**：减少节点的HTML复杂性，使用CSS3属性提升渲染速度。 5. **服务器端处理**：尽量将计算和过滤操作交给服务器，减少客户端负担。 **总结** JSTree作为一个强大且灵活的JavaScript树形菜单组件...

    unity抽取html信息demo

    4. **提取信息**：对于选中的节点，你可以访问其属性和子节点来获取所需信息。例如，获取`&lt;p&gt;`标签的文本内容： ```csharp foreach (HtmlNode paragraph in paragraphs) { string text = paragraph.InnerText; ...

Magicbox
Global site tag (gtag.js) - Google Analytics