How to add reactive attribute to existing node? (and how to add innerText?)

[Morthe]

before:

<div id="DIV-01">
  <childNode01 />
  <childNode02 />
  ...
</div>

Is it possible to insert a reactive attribute into an existing node (#DIV-01) while not changing its child nodes? And how to add simple innerText to node?

after:

<div id="DIV-01" data-reactive="VALUE">
  <childNode01 />
  <childNode02 />
  ...
  innerText
</div>

[Tao-VanJS]

I think probably the most straightforward way is to define an side-effect for the purpose:

const reactive = van.state("VALUE")
van.derive(() => document.getElementById("DIV-01").setAttribute("data-reactive", reactive.val))
// Similar, for `innerText`
van.derive(() => document.getElementById("DIV-01").innerText = reactive.val)

[Morthe]

It works! Great! Thanks for your amazing work.