在div元素中自定义一些属性可以很方便传递一些数据,那么这篇文章就说一说,利用 js 来获取DIV元素的属性值,以及如是要设置div的属性以及属性值。

js 获取DIV的属性值

原生 javascript 可以通过 HTML DOM 的 getAttribute() 方法获取DIV元素属性的值,

代码:

打印结果:

飞鸟慕鱼博客

JS 删除DIV元中的指定属性

JS 中可以使用 removeAttribute() 方法来删除DIV元素中的属性

代码:

结果如图下图:

js 改变DIV元素指定属性的值

利用 javascript 来修改DIV元素中的指定属性的值,可以使用 setAttribute() 方法

代码:

审核元素,如下图所示

jquey 设置属性及属性值

相对于原生的 javascript 来说,使用 jquery 可以更加方便的获取,以及修改 DIV 元素的属性值.

jquey 中的 attr() 方法可以设置div元素的值,而且可以同时设置多个。

代码:

js 改变change方法_JS获取和设置元素的属性以及属性值相关推荐

  1. js 改变change方法_JS 之设计模式

    阅读本文约需要6分钟 大家好,我是你们的导师,我每天都会在这里给大家分享一些干货内容(当然了,周末也要允许老师休息一下哈).上次老师跟大家分享了JS 之经典实例的知识,今天跟大家分享下JS 之设计模式 ...

  2. js进阶 11-6 jquery如何获取和设置元素的宽高(jquery多方法)

    js进阶 11-6  jquery如何获取和设置元素的宽高(jquery多方法) 一.总结 一句话总结:jquery里面多是方法啊,比如jquery对象的宽高.所以取值是方法,赋值就是方法里面带参数. ...

  3. js 改变change方法_Linux 中改变主机名的 4 种方法 | Linux 中国

    今天,我们将向你展示使用不同的方法来修改主机名.你可以从中选取最适合你的方法.-- Magesh Maruthamuthu 昨天我们已经在我们的网站中写过如何在 Linux 中修改主机名的文章[1]. ...

  4. jQuery获取和设置元素

    本篇文章聊聊如何使用jQuery获取和设置元素内容与值. 一.获取和设置元素内容 在 jQuery 中,操作元素内容的方法包括 html() 和 text().前者与 JavaScript 中的 in ...

  5. jQuery获取或设置元素的宽度和高度

    jQuery获取或设置元素的宽度和高度: 可使用以下3种方法: 1,jQuery width() 和 height() 方法: 2,innerWidth() 和 innerHeight() 方法: 3 ...

  6. ASP.NET Google Maps Javascript API V3 实战基础篇一获取和设置事件处理程序中的属性...

    ASP.NET Google Maps Javascript API V3 实战基础篇一获取和设置事件处理程序中的属性 <%@ Page Language="C#" Auto ...

  7. jQuery获取或设置元素的属性值

    jQuery获取或设置元素的属性值 获取元素属性值 固有属性($('div).prop('color')) 自定义属性($('div).attr('index')) //html代码<a hre ...

  8. js获取classname值_js获取和设置DIV元素class值的方法

    web页面中,利用js动态的改变div元素的class属性的值,可以实现很多的动态效果.比如动态修改div元素的背景颜色,改变字体的颜色等等.这篇文章就来说一说,javascript 如何获取和设置d ...

  9. JQ JS 列表文本框 ondblclick 获取和设置该行其他元素值。

    列表文本框 ondblclick 获取和设置该行其他元素值. οndblclick="set();" $("#text").bind("click&q ...

  10. html+设置img+src属性值,javascript获取、设置修改img的src属性(get/setAttribute)

    在开发网站过程中,事先就设置好了图片img的src性,一般来说很少修改这个属性,网站加载时直接显示事先设置好的图片.但如果网页要求实现滚屏加载图片(动态加载图片),也就是一次不显示网页内的所有图片,当 ...

最新文章

  1. 7——ThinkPhp中的响应和重定向:
  2. 计算机网络中的拓扑结构教案,计算机网络拓扑结构教案
  3. mybatis-generator-gu(mybatis generator 的图形界面工具)
  4. 搜索插入位置—leetcode35
  5. unix下批量进程的创建和强杀命令
  6. 【机器人】激光测距传感器的数据处理步骤
  7. 智能优化算法之海豚回声定位(Dolphin echolocation,DE)
  8. cdh用户权限_CDH6.3.2之Sentry权限管理(三)
  9. 25_多易教育之《yiee数据运营系统》OLAP平台-画像分析篇
  10. 【金融量化】基金止盈止损法则
  11. 北京航空航天大学、浙江大学等27支海内外高校队伍晋级ASC超算大赛总决赛
  12. excel单元格斜线_掌握Excel的这个制表技巧,“小白老师”也能变“超神”!
  13. 英语情景对话计算机专业,英语情景对话 寒假生活 5人
  14. maven中实现代码单元测试覆盖率统计
  15. 计算广告CTR预估系列(九)--NFM模型理论与实践
  16. 高中数学向量巨难题型四心问题解题技巧
  17. gdb插件peda、gef、Pwndbg安装
  18. url scheme 实现跳转到小程序页面
  19. java 对音频文件降噪_(转)音频降噪算法 附完整C代码
  20. 深入剖析 grep 命令

热门文章

  1. win10升级后ctrl+shift+f失效了(zend studio)问题解决
  2. oj 小黑华丽的逆袭机会
  3. 使用GIT来管理代码的心得
  4. MyEclipse部署,将一个项目引入到两个项目;多项目部署
  5. awk和perl对多文本进行统计(求他们的并集,并且如果前三列相同第四列的数字相加,第五列信息合并)...
  6. .net 常识 impersonate user 模拟用户
  7. 【matlab】从图片中截取矩形区域(手工选取/标记在原图上/截取矩形区域并保存)
  8. 【理财】【学校财务信息管理系统】一卡通网络金融化
  9. Python GUI程序整理
  10. 基于极限学习机的自编码器(ELM-AE)