Error set or read properties through DOM

[jaomuro]

Greetings.

I'm trying to implement the suggested automatic scrolling from the Dynamic Text Panel plugin community article; however, I noticed that JavaScript code is unable to access the DOM.

An error occurs: Cannot read properties of null (reading 'parentElement')

I performed a simple test with HTML and JavaScript to access the div element through JavaScript and change its background color, but it ended up generating the same error.

Content:

<div class="parent">
  <div class="child1">
    <h1>1</h1>
  </div>
  <div class="child2">
    <h1>2</h1>
  </div>
</div>

JavaScript Code:

const parent = document.getElementsByClassName('parent');
parent.style.backgroundColor = "blue";

The same error occurs: Cannot set properties of undefined (setting 'backgroundColor')

[akshay996]

https://github.com/VolkovLabs/volkovlabs-dynamictext-panel/issues/225

Same as this issue, you can reference the solution I provided here

[jaomuro]

Thanks for help, still not working for me but the error is no longer occurring, the change via DOM has no effect on rendering. Maybe not all functions via dom are applicable, I will continue testing.

[flenoir]

Hi, i have same kind of question. I want to update a DOM element but need to wait that DOM is fully loaded. Don't know how to do this for the moment

[mikhail-vl]

@flenoir The fix in https://github.com/VolkovLabs/volkovlabs-dynamictext-panel/pull/231.

I plan to release a new version after ObservabilityCON.

[flenoir]

OK thanks a lot will try the new release right after then