在twig中使用javascript更改css

我试图用javascript更改css，但不知何故，我得到了javascript为空的错误。 我有点知道这是一个小错误，我在那里做，但我找不到一个方法来解决它

<div class="page-content">
{{ page.mixedcontent|raw }}
</div>
<button id="slideshow">Slideshow aktivieren</button>

{% if page.mixedcontent is empty %}
<div id="galleria">
    {% for foto in fotos %}
        <img style="display:none" src="{{ asset('UserUploadFiles/' ~ homepage ~ '/' ~ foto.path) }}" data-title="" data-description="{{ foto.description }}">
    {% endfor %}
</div>
{% else %}
<script>
document.getElementById("#galleria").style.width = "550px";
</script>
<div id="galleria">
    {% for foto in fotos %}
        <img style="display:none" src="{{ asset('UserUploadFiles/' ~ homepage ~ '/' ~ foto.path) }}" data-title="" data-description="{{ foto.description }}">
    {% endfor %}
</div>
{% endif %}

请试试这个：

{% javascripts %}
    <script>
        document.getElementById("galleria").style.width = "550px";
    </script>
{% endjavascripts %}

如果不起作用，请尝试以下方法：

{% block javascript %}
    <script>
        document.getElementById("galleria").style.width = "550px";
    </script>
{% endblock %}

记得在凯丹广场前把它取下来

document.getElementById("galleria")

或

您可以使用以下选项：

<script>
    $("your element").attr('name off att','value of att');
</script>

---

希望它能起作用。让我知道你为什么要用js修改css？为什么不在css中设置宽度？

<script>
    $("your element").attr('name off att','value of att');
</script>