从数据库创建具有内联样式的div ..是否要使用JavaScript设置样式？

Question

我在数据库中使用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;  

那有效但是我正在寻找一个更智能的解决方案-有什么办法可以将数组发送到javascript并使用javascript而不是内联设置这些样式？

先感谢您。

Answer 1

是。 JavaScript允许您通过style属性访问和修改样式值。 例如：

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仍然会简单地修改元素的style属性。