通过选择 Div 属性更改 Div 的宽度

Question

我有以下 Div，它有一个名为 data-automation-id 的属性：-

现在我想使用 javascript 将这个 Div 的宽度设置为 50% 然后回到 75% 而不是 100%？但我不确定如何使用属性选择 Div？

Answer 1

你可以这样做：

document.querySelector("div[data-automation-id='CanvasLayout']").style.width="50%";

或者使用 Jquery：

$("div[data-automation-id='CanvasLayout']").css("width","50%");

https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors