Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/450.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用javascript更改html选择器的宽度_Javascript_Html_Css_Dom - Fatal编程技术网

如何使用javascript更改html选择器的宽度

如何使用javascript更改html选择器的宽度,javascript,html,css,dom,Javascript,Html,Css,Dom,在我的CSS中,我设置html的宽度如下: html {width: 1000px; } 我希望能够使用javascript动态更改此宽度,类似于设置元素的style.width。window.document节点没有样式属性,我在任何地方都找不到宽度 在DOM中,1000px存储在哪里?我可以动态更改它吗?您可以像这样获得它: document.documentElement 或: 甚至: document.body.parentElement 因此,要获得CSS宽度,只需执行以下操作

在我的CSS中,我设置html的宽度如下:

html {width: 1000px; }
我希望能够使用javascript动态更改此宽度,类似于设置元素的style.width。window.document节点没有样式属性,我在任何地方都找不到宽度


在DOM中,1000px存储在哪里?我可以动态更改它吗?

您可以像这样获得它:

document.documentElement
或:

甚至:

document.body.parentElement

因此,要获得CSS宽度,只需执行以下操作:

document.documentElement.style.width

文件:

返回作为文档根元素的元素(例如,HTML文档的元素)


我个人喜欢这种方式

document.body.parentNode.style.width = "1000px";

完美的就这样。谢谢你,肖姆兹。
document.body.parentNode.style.width = "1000px";