Skip to content

创建元素

在页面中创建新的 HTML 元素并插入到指定位置。

配置选项

元素选择器

目标位置的元素选择器,用于确定新元素的插入位置。

插入元素

选择新元素相对于目标元素的位置:

  • 为首个子元素:插入为目标元素的第一个子元素
  • 为最末子元素:插入为目标元素的最后一个子元素
  • 为上一个同级元素:插入为目标元素的前一个兄弟元素
  • 为下一个同级元素:插入为目标元素的后一个兄弟元素
  • 替换目标元素:用新创建的元素替换目标元素

编辑元素

HTML

要创建元素的 HTML 代码

CSS

要注入到页面中的 CSS 样式

JavaScript

要注入到页面中的 JavaScript 代码

  • automaRefData(keyword, path?) 函数
    使用此函数引用数据
    更多详细信息请参考Javascript 块

  • agentExecWorkflow(detail) 函数
    用于调用子流程的函数。
    参数 detail 是你输入工作流详细信息(如 id or publicId )的地方。例如,

    js
    // execute workflow based on its id
    agentExecWorkflow({ id: 'workflow-id' });
    	
    // execute workflow based on its publicId
    agentExecWorkflow({ publicId: 'workflow-public-id' });
    // execute workflow based on its id
    agentExecWorkflow({ id: 'workflow-id' });
    	
    // execute workflow based on its publicId
    agentExecWorkflow({ publicId: 'workflow-public-id' });

    你还可以输入在工作流运行时注入的变量。

    js
    agentExecWorkflow({
    	id: 'workflow-id',
    	data: {
    		variables: {
    			varA: 'Variable A value',
    			postCode: 1212,
    			numbers: [1, 2, 3, 4],
    		}
    	}
    })
    agentExecWorkflow({
    	id: 'workflow-id',
    	data: {
    		variables: {
    			varA: 'Variable A value',
    			postCode: 1212,
    			numbers: [1, 2, 3, 4],
    		}
    	}
    })

预加载脚本

在注入元素之前加载的外部脚本或样式文件

创建元素


DANGER

如果没有活动标签页,此块将无法工作。 因此,在使用此块之前,请先使用 活动标签页块新建标签页块

活动标签块