从数据库创建具有内联样式的div。。想用JavaScript设置样式吗?

从数据库创建具有内联样式的div。。想用JavaScript设置样式吗?,javascript,html,styles,position,height,Javascript,Html,Styles,Position,Height,我在数据库中使用width、height、top和left属性,以便将它们设置为特定的div $information =<<<HEREENDS <div id = "randomDiv" style = " left: {$array[0][3]}px; top: {$array[0][4]}px; width : {$array[0][5]}px; height : {$array[0][6]

我在数据库中使用width、height、top和left属性,以便将它们设置为特定的div

$information =<<<HEREENDS
    <div id = "randomDiv" style = "
        left: {$array[0][3]}px;
        top: {$array[0][4]}px; 
        width : {$array[0][5]}px; 
        height : {$array[0][6]}px; " > 
    </div> 
HEREENDS;
        echo $information;  

$information=是。JavaScript允许您通过属性访问和修改样式值。例如:

var myElement = document.getElementById("randomDiv");
myElement.style.left = $array[0][3] + 'px';
myElement.style.top = $array[0][4] + 'px';
myElement.style.width = $array[0][5] + 'px';
myElement.style.height = $array[0][6] + 'px';
或者,您可以使用
style.cssText
将整个样式字符串放入样式中:

var myStyle = "left: {$array[0][3]}px;top:{$array[0][4]}px;width:{$array[0][5]}px;height : {$array[0][6]}px;";
document.getElementById("myElement").style.cssText = myStyle;
请注意,
style.cssText
将覆盖元素上以前的任何样式


如果元素还不存在,那么就没有理由这样做。JavaScript只需修改元素的
样式
属性即可。

为什么要使用JavaScript?好吧,这只是一个建议,没有必要使用您拥有的代码,或者您可以尝试将其更改为对服务器的jquery调用,从中获取值并动态更改。虽然我从你发布的代码中看不出这一点,但我不会投反对票,但我认为OP试图从PHP中设置值。“这再次指向了我的问题->为什么要在其中引入Javascript?它会以类似的方式工作,@HanutSingh。”。让我来编辑我的答案。我正在用PHP设置样式,我想用js来摆脱内联样式-它们不是坏习惯吗?@Boriii JavaScript无法修改样式表。它只能修改元素的
样式
属性。使用JavaScript更改的样式是内联样式。在默认页面标记中包含内联样式是唯一不好的做法。