Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.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:setAttribute可以工作,但是.style不能';T_Javascript_Html_Css - Fatal编程技术网

JavaScript:setAttribute可以工作,但是.style不能';T

JavaScript:setAttribute可以工作,但是.style不能';T,javascript,html,css,Javascript,Html,Css,注意:我在项目中使用setAttribute没有问题。这仅仅是一个为什么有些东西不起作用的问题 我制作了一个基本的.js,.html和.css文件。以下是每个项目的代码: //加载文档 window.onload=()=>{ //获取身体高度和宽度 让body=document.body; 让html=document.documentElement; 设bH=Math.max(body.offsetHeight、body.scrollHeight、body.clientHeight、html

注意:我在项目中使用setAttribute没有问题。这仅仅是一个为什么有些东西不起作用的问题

我制作了一个基本的
.js
.html
.css
文件。以下是每个项目的代码:

//加载文档
window.onload=()=>{
//获取身体高度和宽度
让body=document.body;
让html=document.documentElement;
设bH=Math.max(body.offsetHeight、body.scrollHeight、body.clientHeight、html.offsetHeight、html.scrollHeight、html.clientHeight);
设bW=Math.max(body.offsetWidth、body.scrollWidth、body.clientWidth、html.offsetWidth、html.scrollWidth、html.clientWidth);
log(`Body Height:${bH}px`);
//获取文档元素
const menu=document.getElementById(“getMenu”);
const menuMarginTB=(bH-menu.offsetHeight)/2;
//setAttribute(“样式”,“边距:+menuMarginTB+“px自动;”);
menu.style.margin=`${menuMarginTB}px auto;`;
};
*{
保证金:0;
填充:0;
框大小:边框框;
}
身体,
html{
身高:100%;
}
.集装箱{
位置:绝对位置;
排名:0;
左:0;
背景色:黑色;
身高:100%;
宽度:100%;
}
.菜单{
高度:400px;
宽度:600px;
边框:1px纯白;
}

随机网站

这实际上是一个非常简单的错误:)


element.style=value
仅当
value
是此css属性的有效值时有效。在您发布的代码中,它不是:您不能在字符串中包含分号。

当直接操作样式时,您不需要使用分号。您可以在设置属性时使用它,因为属性值始终是基本字符串。“…因为在查看Google Chrome的开发工具时,所有属性都是空白的,即使它们是在.css文件中指定的。”-请注意:“style属性对于完全了解应用于元素的样式没有用处,因为它只表示元素的内联样式属性中设置的CSS声明,而不是来自其他地方的样式规则(如节中的样式规则)或外部样式表。*问得好,遗憾的是,它归结为一个零散的分号。@j08691尽管如此,我仍然认为这个问题有一些优点,而不是“像打字一样接近”。Per:“如果你认为这个问题的答案将来可能会对其他人有所帮助(例如,当他们遇到同样的问题并去寻找解决方案时),请发布一个好的答案并将其保留。否则,如果它确实是一个愚蠢的打字错误,请删除该问题。[…]这是一个问得很好的问题[…]关于一个非常可能对他人有用的非直观问题。”-我觉得这是适用的。