获取页面元素

场景描述

获取页面中某个元素的dom对象

实现思路

使用document的querySelector()等方法返回相关的元素

实现方法

表单页面通过门户打开的时候是单页模式，单页模式下打开多个表单页面中如果元素id或者class一样直接使用id或class获取可能会出现获取的不是当前页面中的元素，可以如下实现：

1.在页面添加一个自定义数据集，然后添加字段，如下就添加id和value两个字段，id设置为ID列，设置数据集的自动模式为“自动新增”，然后在数据集的规则设置中设置value字段的默认值为获取随机串的函数

2.在要获取dom元素的组件上手动添加一个bind:开头的属性，属性名可以自行定义，如下在按钮上添加了一个bind:selectBtn属性，然后给bind:selectBtn属性绑定value这个字段

<antdv:Button bind:selectBtn="tableCustomData0.current?.value" id="button0" text="下一步" >
</antdv:Button>

3.js中通过document.querySelector("*[属性名='"+字段值+"']");获取dom对象，如下：

let tableCustomData0 = useData("tableCustomData0");
let onButtonClick = (event) => {
    var value = tableCustomData0.getValue("value");
    var button1 = document.querySelector("*[selectBtn='"+value+"']");
}