html5 如何进行自定义属性的定义和查询

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<title>Tutorial: Hello Dojo!</title>
</head>

<body>
//html5 定义字段定义属性是data-开头的,读取通过dataset来进行读取,也可以进行自定义设置,支持chrome和firefox6+
<p id="myDiv" name="dd" data-huchao="huchao" data-Apple="apple">huchao</p>
<script>
var dd = document.getElementById(‘myDiv‘);
//取得自定义属性的值
var huchao = dd.dataset.huchao;
//设置自定义属性的值
dd.dataset.huchao = "123";
//判断是否有值
if (dd.dataset.huchao) {
alert(dd.dataset.huchao);
}
</script>
</body>

</html>

时间: 2024-10-05 14:51:20

html5 如何进行自定义属性的定义和查询的相关文章

golang自己定义数据类型查询与插入postgresql中point数据

golang自己定义数据类型查询与插入postgresql中point数据 详细代码例如以下: package main import ( "bytes" "database/sql" "database/sql/driver" "fmt" _ "github.com/lib/pq" "strconv" "strings" ) // 自己定义支持类型 type Poi

kettle中使用javascript步骤和fireToDB函数实现自己定义数据库查询

kettle中使用javascript步骤和fireToDB函数实现自己定义数据库查询 如果你须要实现非传统的数据库查询操作.为了讨论这样的情景,我们如果你须要读取数据库中的正則表達式,然后检查输入的每行的字段匹配表达式的个数. 在javascript步骤运行数据库查询 在javascript步骤初始化的时候,查询数据库.获取正則表達式记录集.然后每一行的输入数据循环检查是否匹配表达式,假设匹配.记录变量加一,最后把结果写到到前行的新增字段中. 思路非常清楚,可是怎样在javascript步骤实

html5的viewport与css3的媒体查询

伴随着移动设备的越来越流行,在现代社会中,可能人们手中握着移动设备的时间已经远远大于敲着键盘了,还有各种平板及未来会不断兴起的移动设备,如何让网页在这些设备上更好的显示,成为我们不断学习.思考的问题. css的媒体查询创建的响应式网站,就是针对这一问题的. 其实在css2已经支持媒体,在新的css3中更加的具体,让我们能够更好的书写代码,以保证网页在不同设备上的布局的合理,使UI显示的更加的精致和优美.下面我们来举个栗子吧: <link mete="not screen and (widt

学习Spring-Data-Jpa(八)---定义方法查询

1.查询策略 spring-data一共有三种方法查询策略: QueryLookupStrategy.Key.CREATE,尝试根据方法名进行创建.通用方法是从方法名中删除一组特定的前缀,然后解析该方法的其余部分.如果方法名不符合规则,则抛出异常. QueryLookupStrategy.Key.USE_DECLARED_QUERY,尝试查找已声明的查询,如果找不到则抛出异常.该查询可以通过某处的注释定义,也可以通过其他方式声明. QueryLookupStrategy.Key.CREATE_I

HTML5文档类型如何定义,有哪些标签,以及如何使用,从整体认识HTML5

html5新增结构标签 header 头部 nav 导航 section 区域 article 文章 aside 侧边栏 figure 一组多媒体内容 figcaption 多媒体内容的标题 footer 底部 hgroup 区块的相关信息 dialog 对话框 / 会话框 sublime安装emmet插件,可以使用tab键快速补全标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset=

使用html5 地理位置技术 和 百度地图api查询当前位置

使用了  zepto  和 requirejs define(['zepto'],function($){ var geolocation = { init:function(config,onSuccess,onError){ if(typeof(config)=='function'){ onError = onSuccess; onSuccess = config; config = undefined; } if(Object(config)===config){ for(var k i

mysql 变量定义 sql查询

SET @idnoStr:='"idNo":"'; SELECT LOCATE(@idnoStr, param_array), LOCATE('",', param_array,LOCATE('"idNo":"', param_array)), SUBSTR(param_array,LOCATE('"idNo":"', param_array), LOCATE('",', param_array,

HTML5中新加的标签和属性定义

HTML5 <!DOCTYPE> 标签所有主流浏览器都支持 <!DOCTYPE> 声明.<!DOCTYPE> 声明非常重要,它是一种标准通用标记语言的文档类型声明,通过该标签,浏览器能够了解HTML5文档正在使用的HTML规范,<!DOCTYPE> 声明是HTML5文档的起始点,也就是说它必须位于HTML5文档的第一行!标签定义及使用说明:<!DOCTYPE> 声明位于文档中的最前面的位置,处于 <html> 标签之前.<!DO

Activiti 查询最新版本的流程定义

package com.mycom.processDefinition; import java.io.File; import java.io.IOException; import java.io.InputStream; import java.util.ArrayList; import java.util.LinkedHashMap; import java.util.List; import java.util.Map; import java.util.zip.ZipInputSt