动态修改div 自定义标签值

在HTML中,自定义标签的值通常存储在标签的属性中。如果你想动态地修改这些自定义属性的值,你可以使用JavaScript来实现。

以下是一个简单的例子,展示了如何使用JavaScript动态修改div元素的自定义属性值:

HTML:

<div id="myDiv" data-custom="initialValue">这是一个div</div>
<button onclick="changeCustomValue()">修改自定义标签值</button>
function changeCustomValue() {
  var div = document.getElementById('myDiv');
  div.dataset.custom = 'newValue'; // 修改自定义属性值
}

在这个例子中,我们有一个带有自定义data-custom属性的div元素。当用户点击按钮时,changeCustomValue函数会被调用,这个函数会获取div元素,并将其data-custom属性的值修改为newValue。

注意,dataset属性允许你以属性访问形式操作自定义数据属性。例如,div.dataset.custom访问data-custom属性的值,而div.dataset.custom = 'newValue'则设置新的值。