OpenHarmony开发者论坛

标题: 如何获取dom中的元素 [打印本页]

作者: 汐之蓝 时间: 2023-9-20 17:40
标题: 如何获取dom中的元素
[md]【问题描述】

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

【运行环境】

硬件：rk3568； ROM: 3.2 Release； API 9
[/md]

作者: 海浪漂啊漂 时间: 2023-9-20 17:47
[md]通过ref属性获取dom中的元素，详细示例如下图所示；获取的元素只能使用它的方法，不能改变属性。

```


<div class="container">



<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();

      }

}

}
```

[/md]

欢迎光临 OpenHarmony开发者论坛 (https://forums.openharmony.cn/)