- 所在位置：
- 首页 >
- 编程技术 >
- JavaScript >
- JS如何改变元素宽高，方法是什么？
JS如何改变元素宽高，方法是什么？
Admin 2022-01-19 群英技术资讯 1134 次浏览
这篇文章给大家分享的是JS改变元素宽高的方法。这里使用到的是setAttribute() ，能用于添加指定的属性，并为其赋指定的值，文中的示例代码介绍得很详细，有需要的朋友可以参考，接下来就跟随小编一起了解看看吧。
本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。
在javascript中，可以利用setAttribute() 方法来改变元素宽高。
setAttribute() 方法添加或这种指定的属性，并为其赋指定的值。如果这个指定的属性已存在，则仅设置/更改值。
语法：
元素对象.setAttribute('属性','属性值'); 实现代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
div{
border: 1px solid red;
}
</style>
</head>
<body>
<div id="div" style="width: 200px;height: 200px;"></div>
<script>
var div=document.getElementById("div");
div.setAttribute("style","width: 100px;height: 100px;");
</script>
</body>
</html>效果图：
以上就是JS改变元素宽高的方法介绍，上述示例具有一定的参考价值，有需要的朋友可以了解看看，希望对大家学习JavaScript有帮助，想要了解更多可以继续浏览群英网络其他相关的文章。
文本转载自PHP中文网
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。
猜你喜欢
-
Node.js 调试 的方式有什么，怎样调式方便？
Node.js 调试 的方式有什么，怎样调式方便？对于Node 代码调式，很多朋友只会用console.log 这种带有侵入性的方法，但是其实Node.js 也可以做到跟浏览器调试一样的方便的，对此本文给大家分享两种常见的 Node.js 的方式，需要的朋友可以参考了解看看。
-
JS中事件委托、事件冒泡、事件捕获的概念怎么理解
这篇文章主要介绍了事件冒泡、事件捕获和事件委托，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
-
JS面试题详解之JS的执行输出是怎样
首先我们来看一道题目，如下javascript代码，执行后会在控制台打印出什么内容？async function async1() { console.log(async1 start); await async2(); console.log(async1 end); } async function a
-
React中的Context定义和目的是什么，怎么应用
这篇文章主要介绍了React中的Context应用场景分析,Context 提供了一种在组件之间共享数据的方式，而不必显式地通过组件树的逐层传递 props，通过实例代码给大家介绍使用步骤，感兴趣的朋友跟随小编一起看看吧
-
用JS实现金额千分位方法有几种，代码是什么
js实现金额千分位方法，一些朋友可能会遇到这方面的问题，对此在下文小编向大家来讲解一下，内容详细，易于理解，希望大家阅读完这篇能有收获哦，有需要的朋友就往下看吧！
推荐内容
成为群英会员,开启智能安全云计算之旅
立即注册关注或联系群英网络
7x24小时售前：400-678-4567
7x24小时售后：0668-2555666
24小时QQ客服
群英微信公众号
CNNIC域名投诉举报处理平台
服务电话：010-58813000
服务邮箱：service@cnnic.cn
投诉与建议：0668-2555555
Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 ICP核准（ICP备案）粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008
