Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >Js如何修改元素的属性值

Js如何修改元素的属性值

作者头像
itclanCoder
发布于 2022-12-07 01:48:28
发布于 2022-12-07 01:48:28
13.5K00
代码可运行
举报
文章被收录于专栏:itclanCoderitclanCoder
运行总次数:0
代码可运行

http://mpvideo.qpic.cn/0bc3eaajwaaa4qaelx3bjvrvaigdtmqabgya.f10002.mp4?dis_k=4cf17def14cb58de5ca3ebc1606d41c2&dis_t=1670377618&vid=wxv_2646876504282578945&format_id=10002&support_redirect=0&mmversion=false

01

原生js修改DOM属性

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
// 修改图片的宽度,高度,圆角属性
funciton changeDomAttr() {
    // 获取元素
    var  myImg = document.getElementById("myImg");  // 通过id获取元素
    myImg.width = 900;   // 修改图片的宽度
    myImg.height= 300;  // 修改图片的高度

}

html模板代码

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<p>
    <input type="button" value="修改图片属性" onclick="changeDomAttr()">
</p>
<!--定义图片元素-->
<img id="myImg" src="xxx.jpg" width="100" height="100" >
本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2022-11-04,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 itclanCoder 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
JS如何替换元素内容
http://mpvideo.qpic.cn/0bc3eaajwaaa4qaelx3bjvrvaigdtmqabgya.f10002.mp4?dis_k=4cf17def14cb58de5ca3ebc
itclanCoder
2022/12/07
10.8K0
Rez Academy
今天要向大家分享的是全网现阶段最详细的Rez入门教程 作者是Colin Kennedy
用户9897904
2022/07/14
3700
Rez Academy
Python:用了这个库,就可以跟 Excel 说再见了
今天分享一个个比 Excel 更好用的 Python 工具,看完后,估计你要跟 Excel 说拜拜了。它就是 Mito
somenzz
2022/10/25
8310
找出数组当中指定元素的位置
背景 这是一个在面试当中,经常被问到的题目,也是一个常见的搜索算法 示例 var arrs = [8,11,21,-3,67,22,55]; // 8--> 0,11---> 1 01 方式1-使用
itclanCoder
2022/03/31
9460
ITU AI 和多媒体研讨会:探索新的领域和跨 SDO 合力
本次研讨会于 2022 年 1 月 18 日,日内瓦时间 13 时至 17 时 20 分在线上召开。
用户1324186
2022/02/18
5990
陌溪常用的一款Api管理软件,重磅更新啦!
记得之前为了安利小伙伴们,写过一篇关于 ApiPost 接口工具使用的文章:再见Postman!一款更适合国人的接口管理工具
陌溪
2022/04/11
6960
陌溪常用的一款Api管理软件,重磅更新啦!
培训量化评估四级分析(视频分享)
培训量化评估四级分析 http://mpvideo.qpic.cn/0bf2duaaeaaa5aajigrpf5qvahodaioqaaqa.f10002.mp4?dis_k=77a76b3cfe6c
王佩军
2022/02/10
4330
推荐几个单细胞数据分享和展示平台 | 短视频演示
Broad的单细胞数据分享和展示平台 可选择子类展示 映射单个基因的颜色到t-SNE/UMAP图 分屏展示Cluster着色图和单基因着色图 多基因热图、Dotplot、Boxplot、Violinp
生信宝典
2022/01/18
1K0
您的女朋友已到账,请查收
今天作为一个特殊的日子,就给大家分享点特殊的源码,在这里以一个尊贵的单身狗身份祝大家:有女朋友的就不祝福了(来自单身狗的鄙视),没有的就赶紧找一个吧,实在找不到的话,就自己new一个,下面分享8套表白源码(演示3套),我能做的就这些了,暗恋的那个,赶紧去吧。
大头猿
2022/02/17
1960
学习中心上新丨Python教程-Django框架快速入门到实战
腾讯云×千锋教育重磅推出全新课程《千锋图片云存储》Python 教程-Django 框架从入门到实战-基于腾讯云对象存储 COS。
云存储
2023/06/15
2810
学习中心上新丨Python教程-Django框架快速入门到实战
用go做个编译器:语法树和属性计算(视频)
http://mpvideo.qpic.cn/0b2epmaaaaaa24ad4vb4evrfa66dab5qaaaa.f10002.mp4?dis_k=290407cedd17beab08342e6
望月从良
2022/03/28
3680
英伟达肖像动画新模型SPACEx发布,三步就让照片里的人「活」过来!
而最近,英伟达团队攻克了这一难题,以巧妙的方式,使用语音和2D单个图像,就可以为人像制作逼真的动画了。
新智元
2023/01/08
8150
英伟达肖像动画新模型SPACEx发布,三步就让照片里的人「活」过来!
【周末水文】我的iPhone7升级到了iOS14后,又可以再战两年了
苹果在9月17号推送了iOS14正式版,我在当天早上冒死(本人手机iphone7)升级到了iOS14。
Lvshen
2022/05/05
9900
【周末水文】我的iPhone7升级到了iOS14后,又可以再战两年了
能动手就别逼逼:词法解析完全实现
以下几个视频展示了词法解析代码的完整实现。目前我们采用的方法属于“突发炼钢”,也就是我们只是简单的读入一系列字符,然后进行即时分析,在后面我们将采用更加系统化的方法,那就是使用有限状态自动机来完成词法
望月从良
2022/03/28
2330
收藏 | 几个好用到爆的Python小技巧!
---- CDA数据分析师 出品 01 Python 之 None 不是 0 http://mpvideo.qpic.cn/0b2edqaaaaaauaant3ncxzrfahgdaa
CDA数据分析师
2023/02/14
3750
收藏 | 几个好用到爆的Python小技巧!
聊个天就把生信分析做了!!!
2020年9月24日看到美国MD安德森癌症研究中心梁晗老师实验室发表在Cencer Cell的Next-generation Analytics for Omics Data的评论文章,介绍了其团队基于自然语言和人工智能开发的组学数据分析平台——DrBioRight。
生信交流平台
2022/09/21
5160
聊个天就把生信分析做了!!!
这个Venn 网络很漂亮!3分钟带你绘制!
再来3分钟看看EVenn的主要功能 视频链接: http://mpvideo.qpic.cn/0b78oaaawaaaruaflpmkdjqfa4gdbnyaacya.f10002.mp4?dis_k
生信宝典
2022/01/18
2350
使用体积视频创建数字人
如图所示是微软混合现实(由 metastage 运营)创建数字人的方法,使用 53 个 RGB 相机和 IR 相机动态捕捉人物动作,然后拼接成点云,进一步生成包含纹理的 mesh,最终变成可传输的 mp4。
用户1324186
2022/04/11
1.2K0
使用体积视频创建数字人
你要的视频图像互转代码来了
最近收到小伙伴消息,在做图像处理中经常用到处理数据集的案例实验,为方便小伙伴使用,特意整理出来视频图片互转代码,以备不时之需。
用户9831583
2022/06/16
4870
你要的视频图像互转代码来了
来播放《最伟大的作品》(多媒体技能,程序员请进)
http://mpvideo.qpic.cn/0b2e2eaamaaakqaacmwienrfbuoda3iqabqa.f10002.mp4?dis_k=02926bf7f298b713f2ebbe1
用户5021203
2022/10/05
2430
来播放《最伟大的作品》(多媒体技能,程序员请进)
推荐阅读
相关推荐
JS如何替换元素内容
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验