我有这些要素：
<div class="parent"><div class="child"></div></div>
CSS：
.parent{max-width:100px}
是否可以使用“child”的“parentNode”（父级的名称不可预测）获取css中指定的“max-width”值，以便将其与当前变量数据进行比较？
我正在尝试：
var childDIV=querySelector('.child');
var result= childDIV.parentNode.style.maxWidth`
“结果”为空。
另一种尝试是使用“getCompulatedStyle”方法：
var result =window.getComputedStyle(childDIV.parentNode,null);
result.getPropertyValue("maxWidth");
尽管“getComputedStyle”值中显示了正确的“maxWidth”值，但“result”为空。
var childDIV=querySelector('.child');
var result= childDIV.parentNode.style.maxWidth`
var result =window.getComputedStyle(childDIV.parentNode,null);
result.getPropertyValue("maxWidth");
var childDIV=document.querySelector('.child');
var result= childDIV.parentNode.style.maxWidth;
console.log(`Approach 1: ${result}`);
var result =window.getComputedStyle(childDIV.parentNode,null);
result = result.getPropertyValue("maxWidth");
console.log(`Approach 2: ${result}`);