本文实例讲述了JavaScript实现body内任意节点的自定义属性功能。分享给大家供大家参考,具体如下:

在HTML中body内的任意节点是可以自定义属性的,当然不包括body,
比如以下的代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>html自定义标签</title> </head> <body> <span id="s" iii="222"></span> </body> </html>
我可以为id为s的行内位置定义一个自定义属性iii,其值为222,很明显的iii根本就不是span元素甚至其他任意一个元素的基本属性,也就是那些id,style,之类的,因此对这个节点内的东西的表现是没有任何影响的,但是这样做又有什么意义呢?
这主要是用来提供给javascript做进一步操作。有时候,一个HTML并不是像上面所示得这么简单,配合一个动态网页语言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数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
# JavaScript
# body
# 节点
# 自定义属性
# js设置和获取自定义属性的方法
# JS操作HTML自定义属性的方法
# vue.js 获取当前自定义属性值
# js 点击a标签 获取a的自定义属性方法
# 浅谈JS读取DOM对象(标签)的自定义属性
# 用javascript添加控件自定义属性解析
# js获取单元格自定义属性值的代码(IE/Firefox)
# JavaScript/Js脚本处理html元素的自定义属性解析(亲测兼容Firefox与IE)
# 如何通过javascript操作web控件的自定义属性
# js 获取html5的data属性实现方法
# JS实现获取自定义属性data值的方法示例
# 自定义
# 弹出
# 相关内容
# 你要
# 没有任何
# 遍历
# 感兴趣
# 数据结构
# 我可
# 给大家
# 这样做
# 然后再
# 所示
# 很明显
# 提供给
# 更多关于
# 不包括
# 你就可以
# 这么简单
# 才能够
相关文章:
小说建站VPS选用指南:性能对比、配置优化与建站方案解析
专业网站建设制作报价,网页设计制作要考什么证?
建站主机核心功能解析:服务器选择与网站搭建流程指南
如何快速搭建FTP站点实现文件共享?
电商平台网站制作流程,电商网站如何制作?
如何挑选高效建站主机与优质域名?
建站之星微信建站一键生成小程序+多端营销系统
网站专业制作公司有哪些,做一个公司网站要多少钱?
移动端手机网站制作软件,掌上时代,移动端网站的谷歌SEO该如何做?
如何在搬瓦工VPS快速搭建网站?
建站之星后台密码如何安全设置与找回?
东莞专业制作网站的公司,东莞大学生网的网址是什么?
最好的网站制作公司,网购哪个网站口碑最好,推荐几个?谢谢?
如何基于PHP生成高效IDC网络公司建站源码?
Bpmn 2.0的XML文件怎么画流程图
家族网站制作贴纸教程视频,用豆子做粘帖画怎么制作?
php条件判断怎么写_ifelse和switchcase的使用区别【对比】
清除minerd进程的简单方法
开心动漫网站制作软件下载,十分开心动画为何停播?
如何通过宝塔面板实现本地网站访问?
如何在万网自助建站平台快速创建网站?
如何选择可靠的免备案建站服务器?
网站制作公司广州有几家,广州尚艺美发学校网站是多少?
专业的网站制作设计是什么,如何制作一个企业网站,建设网站的基本步骤有哪些?
*服务器网站为何频现安全漏洞?
如何选择PHP开源工具快速搭建网站?
如何通过虚拟主机空间快速建站?
如何通过建站之星自助学习解决操作问题?
建站主机是否属于云主机类型?
如何确保西部建站助手FTP传输的安全性?
专业公司网站制作公司,用什么语言做企业网站比较好?
如何在景安服务器上快速搭建个人网站?
智能起名网站制作软件有哪些,制作logo的软件?
济南企业网站制作公司,济南社保单位网上缴费步骤?
自助网站制作软件,个人如何自助建网站?
网站制作模板下载什么软件,ppt模板免费下载网站?
如何在阿里云通过域名搭建网站?
,在苏州找工作,上哪个网站比较好?
建站之星代理商如何保障技术支持与售后服务?
购物网站制作费用多少,开办网上购物网站,需要办理哪些手续?
云南网站制作公司有哪些,云南最好的招聘网站是哪个?
如何在VPS电脑上快速搭建网站?
创业网站制作流程,创业网站可靠吗?
如何使用Golang table-driven基准测试_多组数据测量函数效率
宝塔面板如何快速创建新站点?
视频网站app制作软件,有什么好的视频聊天网站或者软件?
如何在IIS服务器上快速部署高效网站?
相册网站制作软件,图片上的网址怎么复制?
如何用VPS主机快速搭建个人网站?
如何选择服务器才能高效搭建专属网站?
*请认真填写需求信息,我们会在24小时内与您取得联系。