欢迎访问 如意编程网!

如意编程网

当前位置: 首页 > 前端技术 > HTML >内容正文

HTML

使用javascript操纵HTML元素的自定义属性

发布时间:2022/11/16 HTML 13 老码农
如意编程网 收集整理的这篇文章主要介绍了 使用javascript操纵HTML元素的自定义属性 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

HTML元素添加一自定义的属性非常方便,只须将其加到尖括号中即可,与内置属性地位相等。

如我们要为TextBox元素添加属性idvalue

使用javascript操纵HTML元素的自定义属性<input type="text" id="txtInput" name="txtInput" value="自定义文本"> 只须在原来的控件后面加上:idvalue=”…”,成为: 使用javascript操纵HTML元素的自定义属性<input type="text" id="txtInput" name="txtInput" value="自定义文本" idvalue="自定义值">

idvalue即可正式成为txtInput的属性,地位与其他属性相等。

如以下例子,在IE6中调试通过:

使用javascript操纵HTML元素的自定义属性<html>
使用javascript操纵HTML元素的自定义属性<head>
使用javascript操纵HTML元素的自定义属性    <title>自定义属性</title>
>

但idvalue在Firefox中却不能通过,主要是因为Firefox控制严格,所以这些自定义属性不能认识。经过调试,只能用document.getElementById("txtInput").attributes["idvalue"].nodeValue取得,该方法在IE中也可使用。所以,同时适用IE和Firefox的代码为:

使用javascript操纵HTML元素的自定义属性<html>
使用javascript操纵HTML元素的自定义属性<head>
使用javascript操纵HTML元素的自定义属性    <title>自定义属性</title>
>
源代码: https://files.cnblogs.com/redleaf1995/testcustom.rar

总结

以上是如意编程网为你收集整理的使用javascript操纵HTML元素的自定义属性的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得如意编程网网站内容还不错,欢迎将如意编程网推荐给好友。