用数据库中的内联样式创建一个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属性。