获取父javascript的CSS maxWidth值

我有以下几点：

css:

.parent{max width:100px}

是否可以使用“child”的“parentNode”（父节点的名称不可预测）获取css中指定的“max width”值，以便将其与当前变量数据进行比较

我试着：

var childDIV=querySelector('.child');
var result= childDIV.parentNode.style.maxWidth`

“结果”为空

另一种尝试是使用“getComputedStyle”方法：

虽然“getComputedStyle”的值中显示了正确的“maxWidth”值，但“result”为空

var childDIV=document.querySelector（'.child'）；
var result=childDIV.parentNode.style.maxWidth；
log（`Approach 1:${result}`）；
var result=window.getComputedStyle（childDIV.parentNode，null）；
结果=结果.getPropertyValue（“maxWidth”）；
log（`Approach 2:${result}`）
.parent{max width:100px}
您的思路是正确的-因此，在这种情况下，您的第一种方法不起作用，因为元素的样式声明中没有直接的
最大宽度
（请参见下面的示例，其中包含
。其他
，了解何时起作用）

第二种方法是正确的，但是您稍微混淆了访问参数-如果您使用
.getPropertyValue
，则使用CSS样式
“最大宽度”
，如果不使用，则使用
.maxWidth
与
.style
类似：


var childDIV=document.querySelector（'.child'）；
var result=document.querySelector（'.other'）.style.maxWidth；
log（`Approach 1:${result}`）；
var compStyle=window.getComputedStyle（childDIV.parentNode，null）；
结果=compStyle.maxWidth；
log（`Approach 2:${result}`）；
结果=compStyle.getPropertyValue（“最大宽度”）；
log（`Approach 3:${result}`）
.parent{max width:100px}


var result =window.getComputedStyle(childDIV.parentNode,null);
result.getPropertyValue("maxWidth");