Using querySelector and querySelectorAll to fetch elements

[Tiger]

Thanks for fast reply.

The class name seems not be included in hypeDocument.getElementProperty of Hype API.

Tumult Hype Documentation

hypeDocument.getElementProperty(element, propertyName)#

Gets a property of an element based on the Hype runtime’s knowledge. The element argument must be a DOM element, generally obtained by the hypeDocument.getElementById() function.

Valid property names (quotes required):

'top'
'left'
'width'
'height'
'rotateZ'
'scaleX'
'scaleY'
'opacity'
'z-index'

But this thread is great idea to change class of elements dynamically:

Change class based on coordinates and/or hit?

Warning: I’m not entirely sure that I’m about to explain the following very well (lack of sleep/frazzled noodle/overthinking-things-now) So my question is… is it possible to change the class of an element as it’s dragged on-and-off another element? For example, an element… let’s say an ellipse… would have a class of ‘draggable’ while it’s located ‘outside’ let’s say a background rectangle. The ellipse’s class would change from ‘draggable’ to a class of ‘dropped’ whenever it’s drag…

I suppose it would be great if changing class is triggered during scrolling a scene/page/document by Intersection Observer or may MutationObserver function? so that class works globally.

Have no idea yet, seems I still need to study more, and thanks anyway.