如何获取dom中的元素

【问题描述】

js项目，页面都是html写的，页面中所有的标签都是元素，我理解应该和浏览器用法差不多，是可以获取到dom中的元素的。OpenHarmony没有document对象，是如何获取dom中的元素呢？

【运行环境】

硬件：rk3568； ROM: 3.2 Release； API 9

通过ref属性获取dom中的元素，详细示例如下图所示；获取的元素只能使用它的方法，不能改变属性。

<!--index.hml-->

<div class="container">

   <!--指定组件的ref属性为animator-->

   <image-animator class="image-player" ref="animator" images="{{images}}" duration="1s" onclick="handleClick"></image-animator>

</div>


/\* index.js \*/

export default {

    data: {

        images:[

            {src:"common/frame1.png"},

            {src:"common/frame2.png"},

            {src:"common/frame3.png"}

        ]

    },

    handleClick(){

        //通过\$refs属性获取对应的组件，在hml中，组件的ref属性要设置为animator

        const animator = this.\$refs.animator;

        const state = animator.getState();

        if(state == "paused"){

            animator.resume();

        }else if(state == "stopped"){

            animator.start();

        }else{

            animator.pause();

        }

    }

}