<div class="page_index" style="margin-top:20px;">
<span id="showPage">第2页</span>
<span id="totalPage" data-size="4">共4页</span>
<a id="first" onclick="getPage(this)" href="javascript:void(0)"> message.first.page </a>
<a id="previous" onclick="getPage(this)" href="javascript:void(0)">[上一页] </a>
<a id="next" onclick="getPage(this)" href="javascript:void(0)"> [下一页] </a>
<a id="last" onclick="getPage(this)" href="javascript:void(0)"> message.last.page </a>
</div>
1,获取标签data-*属性值
var value = document.getElementById("totalPage").getAttribute("data-size");
2 ,设置标签data-*属性值
document.getElementById("totalPage").setAttribute("data-size",totalPage);
相关推荐
在jQuery的attr与prop提到过...使用data-*可以解决自定义属性混乱无管理的现状。 读写方式 data-*有两种设置方式,可以直接在HTML元素标签上书写 <div id=test data-age=24> Click Here 其中的data-age就是一种自定
在JavaScript中,特别是使用jQuery库时,.data()方法被广泛用于操作data-*属性。.data()方法能够读取和写入存储在HTML元素上data-*属性中的数据。从jQuery 1.4.3版本开始,.data()方法有了改进,提供了一个简洁的...
例如,要获取上述`<div>`元素的`data-custom-data`属性值,可以使用以下代码: ```javascript var customData = jQuery('#example').data('custom-data'); console.log(customData); // 输出 "someValue" ``` `....
说直白点就是data属性的应用,让HTML标签可以隐式的附带一些数据,而javascript就可以对这些属性数据进行 读/写 操作,进而可以做出相应的动作和事件。 【2 Bootstrap 中的data属性】官网有一段介绍说 你可以仅
- **data属性**:定义数据。 - **datetime属性**:定义日期时间。 - **declare属性**:定义是否声明变量。 - **defer属性**:定义是否延迟加载脚本。 - **dir属性**:定义文本方向。 - **direction属性**:定义文本...
根据提供的文档信息,“spring-data-jpa-reference.pdf”主要围绕Spring Data JPA展开,涉及其基本概念、使用方法以及一些高级特性。以下是对该文档中提到的一些关键知识点的详细阐述: ### 一、Spring Data JPA...
标题中提到的“jQuery中使用data()方法读取HTML5自定义属性data-*实例”涉及的知识点主要是jQuery库中data()方法的使用,以及它和HTML5自定义属性data-*的关联。在现代Web开发中,data-*属性允许开发者在标准的HTML...
- **属性**:无特定属性,通常包含作者/所有者的联系信息。 ##### 5. `<area>` - **用途**:定义图像映射中的可点击区域。 - **属性**: - `shape`:定义区域形状(圆形、矩形等)。 - `coords`:定义形状的坐标...
#### 二、标签控件(Label)的常用属性 - **Caption**: 显示在标签上的文本内容。 - **Font**: 设置字体的大小、样式等属性。 - **ForeColor**: 设置文字的颜色。 - **Alignment**: 文本对齐方式,可设置为左对齐、...
- **3.10.5 对象属性**:正确管理对象属性。 ##### 4. 浏览器环境 - **4.1 DOM** - **4.1.1 元素获取**:使用 `document.querySelector` 或 `document.querySelectorAll` 获取元素。 - **4.1.2 样式获取**:使用...
- **使用自定义属性**:可以通过`data-*`属性来存储自定义数据。 - **创建HTML文档** - **外层结构**:包括`<!DOCTYPE html>`, `<html>`, `<head>`, `<body>`等元素。 - **元数据**:`<meta>`标签用于定义文档的...
2. **使用`dataset`属性**: - `dataset`是HTML5引入的一个新特性,它是一个DOMStringMap对象,包含所有以`data-`开头的属性。例如,`el.dataset.id`和`el.dataset.name`分别获取`data-id`和`data-name`的值。 - ...
- **`enctype`** 属性:用于指定表单数据编码方式,如multipart/form-data。 - **`onsubmit`** 属性:定义表单提交前触发的JavaScript函数。 - **`noreset`** 属性:阻止表单重置按钮的功能。 - **`<input>`**:...
- **标签属性**:包括缩放、动态标签等。 - **标签组**:组织标签的方式。 - **别名映射**:用于在不同上下文中引用相同的标签。 - **事件日志**:记录所有事件的日志。 #### 六、标签管理 - **标签管理**:...
### JSF帮助文档知识点概述 ...以上是根据提供的JSF帮助文档的标题、描述、标签和部分内容生成的相关知识点概述。这些知识点涵盖了JSF中的核心概念和技术细节,对于理解和使用JSF进行Web应用程序开发非常有帮助。
HTML5中的data-*自定义属性 HTML5中的data-*自定义属性是一种特殊的自定义...在使用时需要注意区别于标准的HTML属性,并且需要添加前缀data-。同时,需要注意使用getAttribute()方法和dataset操作自定义属性的差异。
### Spring Data JPA 快速使用详解 #### 一、概览 Spring Data JPA(Java Persistence API)作为Spring Data家族的一员,旨在简化基于JPA的数据库操作,减少开发过程中的样板代码。通过Spring Data JPA,开发者...
- **属性**:定义控件的状态和外观,如位置、大小、颜色等。 - **方法**:允许程序通过调用来改变控件的行为或执行特定任务。 - **事件**:当控件状态发生特定变化时触发,程序可以响应这些事件来处理用户交互。 ##...