DOM ID使用说明

什么是DOM ID?

ID在HTML中的作用是给一个DOM元素一个独一无二的标识,用于定位该元素,在同一个HTML文档中,ID值必须是唯一的。

 

如何设置DOM ID?

在HTML文档中一个元素的ID属性可以通过该元素的DOM标签的属性设置。

可能有以下几种原因使用到ID属性:

· 你想链接到一个页面的指定位置

· 你要在某个HTML元素上使用特定的样式

· 你要为某个特定的DOM元素使用脚本修改

· 你要区分两个相同的DOM元素

示例:

<div id="container1">使用container1和container2来区分两个div标签</div>

<div id="container2">使用container1和container2来区分两个div标签</div>

 

在企点如何设置自定义DOM类型接待组件?

用户可以通过创建类型为 “自定义DOM”的接待组件,指定元素的DOM ID。当用户点击该元素时,即可触发接待逻辑。

以“独角兽旅游”网站为例(此网站仅为虚构,用于演示,如有雷同纯属巧合):

1、想要在页面右下角的“点我咨询”按钮被点击时打开接待组件;


2、使用Chrome等浏览器的开发工具,定位到此按钮,也可以通过网站源代码来定位到该按钮;


3、可以看到该按钮的id为btnClickMe,在源代码窗口也可以看到;


4、在配置接待组件时选择“DOM”类型和你想要的接待通路;


5、将“btnClickMe”填写到DOM ID输入框,填写组件名称,选择对外方式和接待人,按照指引完成后续配置即可。