VUE用函数怎么改变div属性值？

Question

问题遇到的现象和发生背景

要实现一个功能，点击按钮A后，将某一个divB的宽度变为70%，有没有一个函数能做到？

用代码块功能插入代码，请勿粘贴截图

const obj1 = document.getElementsByClassName("edit_container");

运行结果及报错内容

获取该元素后，后面该怎么写？

Answer 1

原生js还是vue？看题主代码是原生js，原生js getElementsByClassName得到的是dom集合，获取dom后设置style.width='70%'即可。如下

<div class="edit_container" style="height:200px;background:#ccc"></div>
<input type="button" value="设置容器为70%" id="btnSet" />

<script>
    document.getElementById('btnSet').onclick = function () {

        const obj1 = document.getElementsByClassName("edit_container")[0];
        obj1.style.width='70%'
    }
</script>