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)

相关推荐

  • zabbix4.0-编译安装:LNAP+zabbix4.0

    技术zabbix4.0-编译安装:LNAP+zabbix4.0 zabbix4.0-编译安装:LNAP+zabbix4.0相关网址:
    nginx下载地址:http://nginx.org/en/down

    礼包 2021年10月27日
  • 宋仁宗为什么无子,宋仁宗为什么一生没有儿子

    技术宋仁宗为什么无子,宋仁宗为什么一生没有儿子据史料记载,宋仁宗本来生育了有三个儿子,十五个女儿宋仁宗为什么无子。但是这十八个孩子只有四个女儿长大成人,其他都在出生后不久就死了,包括三个皇子。宋仁宗赵祯(1010年5月1

    生活 2021年10月19日
  • SpringCloud分布式微服务b2b2c电子商务中docker-feign-hystrix-ribbon的示例分析

    技术SpringCloud分布式微服务b2b2c电子商务中docker-feign-hystrix-ribbon的示例分析小编给大家分享一下SpringCloud分布式微服务b2b2c电子商务中docker-feign-

    攻略 2021年11月19日
  • mean什么意思,whatimean什么意思

    技术mean什么意思,whatimean什么意思what i mean我的意思双语对照例句:1.Fishermen will know what I mean. 爱钓鱼的人知道我的意思mean什么意思。 2.Saves

    生活 2021年10月29日
  • 如何理解MySQL limit导致的执行计划差异

    技术如何理解MySQL limit导致的执行计划差异本篇内容介绍了“如何理解MySQL limit导致的执行计划差异”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这

    攻略 2021年10月22日
  • SCA命令行工具怎样快速构建FaaS服务

    技术SCA命令行工具怎样快速构建FaaS服务这期内容当中小编将会给大家带来有关SCA命令行工具怎样快速构建FaaS服务,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。Serverless

    攻略 2021年11月24日