0

我在数据库中使用宽度、高度、顶部和左侧属性，以便将它们设置为特定的 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 设置这些样式，而不是内联？

先感谢您。

4

1 回答 1

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属性。

于 2013-05-22T08:13:54.677 回答