原生js实现高宽等同于外部div大小

最新推荐文章于 2024-09-12 19:13:21 发布

银雨星空

最新推荐文章于 2024-09-12 19:13:21 发布

阅读量194

点赞数

分类专栏：静态网页 css设计 js 文章标签： html js 获取元素高宽值

本文链接：https://blog.csdn.net/qq_43345641/article/details/103103365

版权

js 同时被 3 个专栏收录

4 篇文章 0 订阅

订阅专栏

静态网页

2 篇文章 1 订阅

订阅专栏

css设计

2 篇文章 0 订阅

订阅专栏

实现高宽等同于外部div大小而且不会被拉伸比例

// 实现高宽等同于外部div大小而且不会被拉伸比例.
在结合多个案例和方法后最后总结出来能用的原生js代码组合。

<div class="canvas">
			<!-- 这里是放置即时的数据信息。 -->
			<div class="roledata" id="roledata">
				<canvas id="data"  height=""></canvas>
			</div>
			<!-- 此处是放置动态的地图主场。 -->
			<div class="miandiv" id="miandiv">
				<canvas id="main"></canvas>
			</div>


```javascript
var roledata=document.getElementById('roledata')
var data=document.getElementById('data');
data.style.width=window.getComputedStyle(roledata).width;
data.style.height=window.getComputedStyle(roledata).height;
console.log(data.height,window.getComputedStyle(roledata).height);