文章插图
文章插图
在div元素中自定义一些属性可以很方便传递一些数据,那么这篇文章就说一说,利用 js 来获取DIV元素的属性值,以及如是要设置div的属性以及属性值 。
js 获取DIV的属性值
原生 javascript 可以通过 HTML DOM 的 getAttribute() 方法获取DIV元素属性的值,
代码:
<div id="mochu" title="飞鸟慕鱼博客"></div><script>var title = document.getElementById('mochu').getAttribute('title');console.log(title);</script>打印结果:
飞鸟慕鱼博客JS 删除DIV元中的指定属性
JS 中可以使用 removeAttribute() 方法来删除DIV元素中的属性
代码:
<div id="mochu" title="飞鸟慕鱼博客"></div><script> document.getElementById('mochu').removeAttribute('title');</script>结果如图下图:
js 改变DIV元素指定属性的值
利用 javascript 来修改DIV元素中的指定属性的值,可以使用 setAttribute() 方法
代码:
<div id="mochu" title="飞鸟慕鱼博客"></div><script> document.getElementById('mochu').setAttribute('title','http://www.feiniaomy.com');</script>审核元素,如下图所示
【js如何获取属性的值 jquery获取自定义属性的值】jquey 设置属性及属性值
相对于原生的 javascript 来说,使用 jquery 可以更加方便的获取,以及修改 DIV 元素的属性值.
jquey 中的 attr() 方法可以设置div元素的值,而且可以同时设置多个 。
代码:
<div id="mochu" title="飞鸟慕鱼博客"></div><script> //设置单个属性 $('#mochu').attr('data-id','1'); //同时设置多个属性 $('#mochu').attr({"data-host":"http://www.feiniaomy.com", "data-time": "20190808" });</script>结果如下图所示:
jquey 获取DIV元素中的属性的属性值
jquey 中的 attr() 方法不仅可以设置div元素的属性以及属性值,还可获取div元素属性的属性值
代码:
<div id="div" title="http://www.feiniaomy.com"></div><script> var title = $('#div').attr('title'); console.log(title);</script>打印结果:
http://www.feiniaomy.com
- 如何查看电脑无线网卡型号的 怎样查看电脑无线网卡型号
- 查看服务器内存使用情况linux命令 如何查看服务器内存使用情况
- java 文件浏览器 java获取浏览器下载路径
- java文件如何打开 java怎么打开之前的项目
- 雄县特色美食
- 武陟特色美食
- 如何查看主板 设备管理器怎么查看电脑主板信息
- python如何连接mysql代码 python如何连接sql server数据库
- 关闭445端口方法命令 如何关闭445端口详细
- 如何知道前男友在想你 前男友想睡你跟想复合的区别