javascript - 如何使用 Javascript 更改 JSON 对象

Question

我的代码中有以下行。它是由我的 IDE 生成的。基本上，这一行由一个充当动画侧边栏的 div 组成。侧边栏的宽度由“v”参数表示(此处设置为 85)。

<div id="sidebar" class="inner-element uib_w_5 uib_sidebar rightbar bar-bg thumb-bg bar-gutter" data-uib="layout/right_sidebar" data-ver="1" data-anim="{'style':'overlap', 'v':85, 'side':'right', 'dur':200}">

我想使用脚本标记将“v”的值更改为 250。

我尝试插入以下脚本来覆盖上面的 data-anim 属性，但它不起作用。

<script>
 document.getElementById("sidebar").jsonObj['data-anim'] = "{'style':'overlap', 'v':250, 'side':'right', 'dur':200}"
</script>

关于我的 <script> 有什么问题吗？标签？

Answer 1

使用setAttribute sidebar 元素的

应该是

var sidebar = document.getElementById("sidebar");
sidebar.setAttribute( "data-anim" , "{'style':'overlap', 'v':250, 'side':'right', 'dur':200}" );

阅读this setAttribute documentation还有

document.getElementById("sidebar").setAttribute("data-anim", "{'style':'overlap', 'v':250, 'side':'right', 'dur':200}");

var abc = document.getElementById("sidebar").getAttribute("data-anim");

alert(abc);

<div id="sidebar" class="inner-element uib_w_5 uib_sidebar rightbar bar-bg thumb-bg bar-gutter" data-uib="layout/right_sidebar" data-ver="1" data-anim="{'style':'overlap', 'v':85, 'side':'right', 'dur':200}">