JavaScript如何改变元素属性

技术JavaScript如何改变元素属性小编给大家分享一下JavaScript如何改变元素属性,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

边肖将与您分享JavaScript如何改变元素属性。相信大部分人还不太了解,所以分享这篇文章给大家参考。希望你看完这篇文章会有很多收获。我们一起来看看吧!

改变JavaScript元素属性的方法:1。使用语句“元素对象。属性=新值”;2.使用语句“元素对象。setAttribute(‘属性’,‘属性值’)”。

本教程操作环境:windows7系统,javascript1.8.5版本1.8.5,戴尔G3电脑。

JavaScript改变元素属性

1、使用“元素对象.attribute = new value”语句

示例:修改img元素的src属性值:

imgid='myImage'src='smiley.gif '

脚本

document . getelementbyid(' my image ')。src='横向. jpg ';

/脚本方法2:使用setAttribute()函数

setAttribute()方法添加指定的属性,并为其分配指定的值。如果指定的属性已经存在,将只设置/更改该值。

语法:元素对象。setAttribute ('attribute ','属性值');

divhello/div

Divid=' box '欢迎!/div

scripttype='text/javascript '

varbox=document . getelementbyid(' box ');

box.setAttribute('style ',' color:redborder :1 px solid # 008000 ');

//为box元素设置了内嵌样式

/script以上就是文章“JavaScript如何改变元素属性”的全部内容。感谢您的阅读!相信大家都有一定的了解,希望分享的内容对大家有所帮助。想了解更多知识,请关注行业资讯频道!

内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/76871.html

(0)

相关推荐

  • 的好处,乐观的心态给你带来过什么好处

    技术的好处,乐观的心态给你带来过什么好处俗话说“笑一笑的好处,十年少”。近几年来,世界上很多实验室先后都发表研究报告,宣传心理特质,尤其是乐观可以促进健康。为什么乐观的心态能够带来健康呢?习得性无助理论从四个层面来强调乐

    生活 2021年10月26日
  • 什么是php curl

    技术什么是php curl这篇文章主要讲解了“什么是php curl”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“什么是php curl”吧!

    攻略 2021年11月8日
  • 大数据Hadoop技术在银行的七个应用分别是什么

    技术大数据Hadoop技术在银行的七个应用分别是什么大数据Hadoop技术在银行的七个应用分别是什么,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。诈骗侦

    攻略 2021年11月29日
  • 五行属土的字,求所有五行属“土”的汉字

    技术五行属土的字,求所有五行属“土”的汉字土部 土 二至三画 玍 去 圣 圩 圬 圭 寺 在 至 尘 圪 老 考 圳 圾 圹 圮 圯 地 场 四画 坛 坏 坜 址 坚 坝 坐 坌 坋 圻 坂 均 坍 坎 坞 坟 坊 坑

    生活 2021年10月23日
  • PostgreSQL中make_rel_from_joinlist函数分析

    技术PostgreSQL中make_rel_from_joinlist函数分析这篇文章主要介绍“PostgreSQL中make_rel_from_joinlist函数分析”,在日常操作中,相信很多人在PostgreSQL

    攻略 2021年11月10日
  • spark大数据实例开发教程(spark项目一天处理多少数据量)

    技术Spark如何快速构建数仓项目这篇文章将为大家详细讲解有关Spark如何快速构建数仓项目,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。 关于“Spark如何快速构建数仓项目”这

    攻略 2021年12月16日