为HTML元素添加一自定义的属性非常方便,只须将其加到尖括号中即可,与内置属性地位相等。
如我们要为TextBox元素添加属性idvalue:
<input type="text" id="txtInput" name="txtInput" value="自定义文本">
只须在原来的控件后面加上:idvalue=”…”,成为:
<input type="text" id="txtInput" name="txtInput" value="自定义文本" idvalue="自定义值">
idvalue即可正式成为txtInput的属性,地位与其他属性相等。
如以下例子,在IE6中调试通过:
<html>
<head>
<title>自定义属性</title>
<script language="javascript">...
function showText()
...{
alert(document.getElementById("txtInput").value);
}
function showValue()
...{
alert(document.getElementById("txtInput").idvalue);
}
</script>
</head>
<body>
<input type="text" id="txtInput" name="txtInput" value="自定义文本" idvalue="自定义值">
<input type="button" id="btnShowText" name="btnShowText" value="显示文本内容" onclick="showText();">
<input type="button" id="btnShowValue" name="btnShowValue" value="显示文本值" onclick="showValue();">
</body>
</html>
但idvalue在Firefox中却不能通过,主要是因为Firefox控制严格,所以这些自定义属性不能认识。经过调试,只能用document.getElementById("txtInput").attributes["idvalue"].nodeValue取得,该方法在IE中也可使用。所以,同时适用IE和Firefox的代码为:
<html>
<head>
<title>自定义属性</title>
<script language="javascript">...
function showText()
...{
alert(document.getElementById("txtInput").value);
}
function showValue()
...{
alert(document.getElementById("txtInput").attributes["idvalue"].nodeValue);
}
</script>
</head>
<body>
<input type="text" id="txtInput" name="txtInput" value="自定义文本" idvalue="自定义值">
<input type="button" id="btnShowText" name="btnShowText" value="显示文本内容" onclick="showText();">
<input type="button" id="btnShowValue" name="btnShowValue" value="显示文本值" onclick="showValue();">
</body>
</html>
分享到:
相关推荐
HTML:自定义标签属性 标签属性的引用使用规则
HTML5如何添加自定义标签属性(data-自定义属性).zip
jQuery给HTML标签添加自定义属性.zip
option自定义属性的用处,可以推广到其他的html标签
//在page中只有3个属性是已知的,1,一共多少记录,2,一页显示多少记录,3,以及返回的结果集 //1.重新给page分布内容 setPage(page); //2.输出html out.print(getHtml(page)); //3.输出js out.print(getJs...
xml文件中可以自由的使用自定义标签,html文件中同样可以使用自定义标签,但有几个注意事项:必需设置<html>标签的xmlns属性。例如,可以这样声明:<html xmlns:article>。 这是因为html文件有一个默认...
如果能在自己的网页中使用自定义的标签是不是很酷呢,比如用你的网站的名称、用你的网名、用你所爱的人的名字来定义HTML标签并内嵌到网页中,本文就介绍一下这方面的内容。 本文以我的网站的拼音为例来自定义HTML...
而且关于Attribute和Property的区别也让人十分头痛,在HTML5中添加了data-*的方式来自定义属性,所谓data-*实际上上就是data-前缀加上自定义的属性名,使用这样的结构可以进行数据存放。使用data-*可以解决自定义...
对HTML JS没有影响。可以写n多个属性。只要定义的属性名别跟原有默认属性同名就行。这种自定义的属性,浏览器不会去解析
大家总是习惯使用HTML标签添加自定义属性来存储和操作数据,所以才在HTML5规范里增加了一个自定义data属性,这样使用更便捷,一起跟随小编过来看看吧
java实现docx转html,自定义标签属性,然后根据自定义的标签属性,将html转为word,可支持普通段落,图片、表格、单元格合并、文本字体、字体大小、段落对齐方式、删除线、下划线、粗体、斜体、背景颜色等
正如 HTML5 语法中所阐述的,元素可以包含属性...…属性只能在起始标签中指定,绝对不能用在结束标签中。 HTML5 属性不区分大小写,可以全部大写或者混合使用,尽管最常见的约定是始终使用小写。 标准属性下面列出的属
人们总喜欢往HTML标签上添加自定义属性来存储和操作数据,这就是为什么在HTML5规范里增加了一个自定义data属性,你可以拿它做很多有用的事情
创建的元素的html转换如下所示:<CustomTag>placeholder text安装使用NPM安装: npm install ckeditor5-custom-element 要添加此插件的功能,您应该对编辑器进行自定义构建。 请按照的说明进行操作。 要加载插件,...
人们总喜欢往HTML标签上添加自定义属性来存储和操作数据。但这样做的问题是,你不知道将来会不会有其它脚本把你的自定义属性给重置掉,此外,你这样做也会导致html语法上不符合Html规范,以及一些其它副作用。这就是...
编写了一个js插件,要使用该插件需要先在html中引入该插件Js,然后再添加一个script标签,在里面调用,需要的朋友可以看看
前段时间写了一个基于html5 video的视频播放器,从起初的对其不了解,然后到能够写一个基本完善的自定义播放器。在这个过程中,对video标签的属性,方法,事件有了个全面的认识。下面分类列出来一下。 <video>...
允许自定义HTML标签名称,同步这些标签的属性和属性,并提供用于编写基本交互脚本的结构。 为什么单板? 创建Veneer.js的目的是启用可从单个脚本标签加载的自定义元素定义。 无需构建过程,可执行软件,依赖...
该插件允许使用 HTML 标签属性定义 Google Analitics 事件数据。可能的 HTML 元素属性名称解释例子data-ga-click-event-category 必需的视频数据-ga-点击-事件-动作可选的玩数据点击事件标签可选的Rick astley - ...