JavaScript 修改 div 元素 data-options 属性值

To modify the value of the 'data-options' attribute in a div using JavaScript, you can follow these steps:

1. Get a reference to the div element using document.getElementById or any other method that suits your needs. For example, if the div has an id attribute of 'myDiv', you can get a reference to it like this:

var divElement = document.getElementById('myDiv');

2. Access the 'data-options' attribute using the getAttribute method and store its value in a variable. For example:

var options = divElement.getAttribute('data-options');

3. Modify the value of the options variable as per your requirements. For example, you can update it to a new value:

options = 'new value';

4. Set the updated value of the 'data-options' attribute using the setAttribute method. For example:

divElement.setAttribute('data-options', options);

Here's a complete example:

<div id='myDiv' data-options='initial value'>...</div>

<script>
  var divElement = document.getElementById('myDiv');
  var options = divElement.getAttribute('data-options');
  options = 'new value';
  divElement.setAttribute('data-options', options);
</script>

After executing this JavaScript code, the 'data-options' attribute in the div element will be updated to the new value.