html标签的自定义属性js赋值方式有两种：
1、(隐式的方法)document.getElementById("testId").ggg = "new";
这种方法直接通过"."来给testID 设置属性ggg=“new”，这种方法在前台不会展示该属性，用$("#testId")[0].outerHTMl 也看不到ggg这个属性，用jquery方法$("#testID").attr("ggg") 也获取不到ggg 属性的值。
2、(显示的方法)document.getElementById("testId").setAttribute("ggg", "new");
在前台会展示该属性，用jquery也可以获取到值
分享到：
相关推荐
在 HTML 中，可以通过在元素标签中添加自定义属性的方式，为元素添加额外的数据或行为信息。自定义属性遵循特定的命名规则，并且可以在 JavaScript 中访问和操作。 ##### 命名规则： 1. **命名方式**：自定义属性...
2. 获取自定义属性值 要获取HTML元素的自定义属性值，同样使用`.attr()`方法： ```javascript var value = $("#myButton").attr("data-value"); console.log(value); // 输出 "123" ``` 3. 应用实例：Tab切换效果 ...
在本篇教程中，我们将探索如何在点击事件发生时，获取一个a标签上的自定义属性值。 首先，我们必须理解自定义属性的概念。在HTML中，我们可以通过在元素上使用data-前缀来创建自定义属性。这些自定义属性通常用于...
而在Vue.js中，我们同样可以通过`$el`属性访问到对应的DOM元素，然后通过`dataset`属性来获取我们想要的自定义属性值。 例如，如果我们有一个`<h5>`标签，并且想要获取其`data-id`属性值，可以在Vue组件的模板中...
除了基本的 `value` 和 `selected` 属性外，`<option>` 标签还支持自定义属性，这些属性虽然不会随表单提交到服务器端，但在客户端可以通过 JavaScript 进行访问和操作。 #### 二、自定义属性概述 自定义属性...
本篇将详细讲解如何在IE和Firefox两种浏览器环境下，通过JavaScript获取单元格的自定义属性值。 首先，我们需要了解JavaScript中的`document.all`对象，这是IE特有的一个全局对象，它包含了一个HTML文档中所有`...
这个函数中我们可以使用`$(this)`来获取当前遍历到的DOM元素，并通过jQuery的`.attr()`方法来获取和设置属性值。 例如，在本文中，对于`sortid`属性的遍历，可以使用选择器`$("li[sortid^='nav_']")`找到所有`...
同时，JavaScript可以通过`getAttribute()`方法来获取这些自定义属性的值，方便地在脚本中使用它们。 示例： ```javascript var imgElement = document.querySelector('img'); var productId = imgElement....
在JavaScript编程中，操作DOM对象是日常开发的基础任务之一，而自定义属性的读取与设置是其中的重要环节。DOM（文档对象模型）是表示和交互HTML文档的编程接口，它允许开发者通过脚本动态地访问、修改文档结构、样式...
在jQuery的attr与prop提到过在IE9之前版本中如果使用...使用data-*可以解决自定义属性混乱无管理的现状。 读写方式 data-*有两种设置方式，可以直接在HTML元素标签上书写 Click Here 其中的data-age就是一种自定
通过设置`<video>`元素的`src`属性，我们可以指定视频源文件的位置。例如： ```html Your browser does not support the video tag. ``` 接下来，我们需要一个进度条元素来显示当前的播放进度。这通常由一个`...
- **有属性的标签**：通过设置属性值来调用标签。 ```jsp ``` - **带体内容的标签**：可以在标签内嵌入其他内容。 ```jsp // 标签体内容 ``` #### 四、标签库文件（TLD） 1. **标签库文件的定义**：...
在jQuery中，attr() 方法是进行DOM元素属性操作的一个重要工具，它能够用来获取和设置HTML元素的属性值。在处理自定义属性时，attr() 方法提供了一种便捷的方式来进行操作。接下来我们将详细介绍attr() 方法的四种...
在HTML主体中，可以为元素添加自定义属性，如`data-*`，然后在JavaScript中通过DOM操作来读取或修改这些属性的值。 例如： ```html Cotton Shirt ``` 在JavaScript中，可以这样访问这个属性： ```javascript var...
jQuery的`attr()`方法是获取或设置元素属性值的主要手段。但在本例中，我们更倾向于使用CSS选择器来定位具有特定属性的元素，然后使用`html()`或`text()`方法获取其内容。 以下是实例代码的详细解析： 1. 首先，...
// 设置相关属性值 user.setAttribute('data-sex', 'male'); console.log(user.getAttribute('data-sex')); // male ``` 使用dataset操作自定义属性 ----------------------------- 例如： ```javascript var el ...
这在构建复杂、动态的Web应用时尤其有用，因为它提供了一种标准化的方法来扩展HTML标签的功能，而不必依赖于非标准的属性或自定义属性。 `data-*`属性的格式是"data-"后面跟着任意的名称，例如"data-uid"和"data-...
此外，自定义元素还可以利用属性观察器（Attribute Observers）监听特定属性的变化，当属性值发生变化时，`attributeChangedCallback`会被调用，这对于数据绑定和组件状态管理至关重要。 自定义元素可以与其他Web ...
刚刚开始正式的职业生涯，最近几天在给公司做统一的头部js，想到了一个通过script自定义属性传递配置参数的方法。 有时候我们编写了一个js插件，要使用该插件需要先在html中引入该插件Js,然后再添加一个script标签，...