[英]How to get the CSS width/height of a container element?
如果一個元素的大小，比如在這種情況下 - 一個 body 元素，是未知的，或者它可以在此處提到的任何提到的格式中被提及： https://developer.mozilla.org/en-US/docs/Web /CSS/width ，是否可以獲得該元素的包含元素的大小？
例如：
<html>
<head>
<link rel="stylesheet" type="text/css" href="styles.css" />
</head>
<body>
<section>
<p id="test">This is a paragraph!</p>
</section>
</body>
</html>
這里說正文的大小設置為 50% 或 300px，我怎樣才能得到整個文檔的大小？ 道歉，如果這是愚蠢的，這方面的新事物。 這不是How to find the width of a div using vanilla JavaScript？ ，因為我要的是容器元素的寬度，而不是元素本身。
您可以使用 parentNode 屬性來查找元素的父級。 然后，您可以使用 offsetWidth 和 offsetHeight 屬性來查找元素的寬度/高度。
var parentElem = document.getElementById('test').parentNode;
var parentWidth = parentElem.offsetWidth;
var parentHeight = parentElem.offsetHeight;
如何獲取父元素的最小高度/寬度並通過 CSS 設置為子元素的高度/寬度
[英]How to get min height/width of parent element and set to it's child height/width by CSS
如何將數據綁定到DOM元素的CSS頂部，左側，寬度和高度？
[英]How to data bind to the CSS top, left, width, and height of a DOM element?
如何在CSS中將元素的寬度設置為等於高度的10％？
[英]How can I set the width of an element in CSS to be equal to 10% of the height?
如何從 html 容器的已知寬度獲取圖像的縮放高度？
[英]How to get scaled height of an image from known width of an html container?
如何獲取未設置寬度和高度的img元素的寬度和高度？
[英]How to get the width and height of an img element where width and height have not been set?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.