JavaScript实现主体任意节点自定义属性功能示例

文中给出了一个例子，说明JavaScript实现了主体中任意节点的自定义属性功能。分享给大家参考，如下：

在HTML中，主体中的任何节点都可以定义其属性，主体除外，例如以下代码：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www . w3 . org/TR/XHTML 1/DTD/XHTML 1-Transitional . DTD ' html xmlns=' http://www . w3 . org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8 '/title html自定义标记/title/headsdyspan id=' s ' iii=' 222 '/span/body/html I可以为id为s且值为222的内嵌位置定义自定义属性iii。显然，iii根本不是span元素或任何其他元素的基本属性。即id、样式等。所以它对这个节点中事物的表现没有影响，但是这样做有什么意义呢？

这主要用于为javascript提供进一步的操作。有时候，一个HTML并不像上面显示的那么简单，用动态web语言php、jsp、asp.net，一切都变得复杂起来，可以给想要操作的节点设置一个标签，通过getAttribute和setAttribute进行操作。例如，为上面的HTML页面编写以下脚本：

script var span=document . getelementbyid(' s ')；alert(s . GetAttribute(' iii ')' ')；s.setAttribute('iii '，' 2222121 ')；alert(s . GetAttribute(' iii ')' ')；/script首先获取span节点，然后获取其属性值，该属性值必须通过“”强制转换为字符串才能正常弹出。

之后，将span节点的iii属性值设置为2222121，然后弹出。

运行效果如下：

更多对JavaScript相关内容感兴趣的读者可以查看本网站专题：《JavaScript操作DOM技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript数学运算用法总结》、0103010

希望本文对JavaScript编程有所帮助。