【技术实现步骤摘要】
本申请涉及计算机，特别是涉及一种确定元素间父子关系的方法及装置。
技术介绍
1、目前，可以利用可视化设计器来设计网页页面。具体地，页面设计人员可以直接将可视化设计器所提供的元素拖拽至可视化设计器的画布中。而后，可视化设计器则会基于拖拽至画布中的元素生成对应的页面结构。
2、对于页面设计人员而言，确定画布中元素的嵌套关系尤为重要，但是，目前页面设计人员确定元素嵌套关系的效率比较低下。
3、因此，急需一种方案，能够解决上述问题。
技术实现思路
1、为了解决或者至少部分解决上述问题，本申请实施例提供了一种确定元素间父子关系的方法及装置。
2、第一方面，本申请实施例提供了一种确定元素间父子关系的方法，所述方法包括：
3、响应于用户针对目标对象触发的选择操作，确定第一元素对应的第一节点，所述目标对象对应可视化设计器的画布中的所述第一元素，由所述画布中包括的至少一个元素构成的页面的页面结构包括所述第一节点，所述第一节点在所述页面结构中的位置，用于指示所述第一元素在所述页面中的位置；
4、确定所述页面结构中所述第一节点对应的父节点和/或子节点；
5、在所述画布中为第二元素和/或第三元素添加标识，所述第二元素为所述父节点对应的元素，所述第三元素为所述子节点对应的元素。
6、可选的，所述目标对象为所述第一元素。
7、可选的，所述目标对象为所述第一节点。
8、可选的，所述在所述画布中为所述第二元
9、在所述画布中为所述第二元素添加第一标识，在所述画布中为所述第三元素添加不同于所述第一标识的第二标识。
10、可选的，所述第一标识和所述第二标识均包括以下任意一项：
11、虚线框、实线框或者高亮标记。
12、可选的，所述画布展示在目标界面上的第一区域，所述目标界面的第二区域包括所述页面结构，所述方法还包括：
13、响应于所述选择操作，为所述第一节点和所述第一元素添加选中标记。
14、可选的，所述方法还包括：
15、为所述父节点和/或子节点添加所述标识。
16、可选的，所述为所述父节点和/或子节点添加所述标识，包括：
17、为所述父节点添加第一标识，为所述子节点添加不同于所述第一标识的第二标识。
18、可选的，所述确定所述页面结构中所述第一节点对应的父节点和/或子节点，包括：
19、遍历所述页面结构，得到所述第一节点对应的父节点和/或子节点。
20、可选的，所述页面结构为dom结构。
21、第二方面，本申请实施例提供了一种确定元素间父子关系的装置，所述装置包括：
22、第一确定单元，用于响应于用户针对目标对象触发的选择操作，确定第一元素对应的第一节点，所述目标对象对应可视化设计器的画布中的所述第一元素，由所述画布中包括的至少一个元素构成的页面的页面结构包括所述第一节点，所述第一节点在所述页面结构中的位置，用于指示所述第一元素在所述页面中的位置；
23、第二确定单元，用于确定所述页面结构中所述第一节点对应的父节点和/或子节点；
24、第一添加单元，用于在所述画布中为第二元素和/或第三元素添加标识，所述第二元素为所述父节点对应的元素，所述第三元素为所述子节点对应的元素。
25、可选的，所述目标对象为所述第一元素。
26、可选的，所述目标对象为所述第一节点。
27、可选的，所述第一添加单元，用于在所述画布中为所述第二元素添加第一标识，在所述画布中为所述第三元素添加不同于所述第一标识的第二标识。
28、可选的，所述第一标识和所述第二标识均包括以下任意一项：
29、虚线框、实线框或者高亮标记。
30、可选的，所述画布展示在目标界面上的第一区域，所述目标界面的第二区域包括所述页面结构，所述装置还包括：
31、第二添加单元，用于响应于所述选择操作，为所述第一节点和所述第一元素添加选中标记。
32、可选的，所述装置还包括：
33、第三添加单元，用于为所述父节点和/或子节点添加所述标识。
34、可选的，所述第三添加单元，用于为所述父节点添加第一标识，为所述子节点添加不同于所述第一标识的第二标识。
35、可选的，所述第二确定单元，用于遍历所述页面结构，得到所述第一节点对应的父节点和/或子节点。
36、可选的，所述页面结构为dom结构。
37、第三方面，本申请实施例提供了一种设备，所述设备包括处理器和存储器；
38、所述处理器用于执行所述存储器中存储的指令，以使得所述设备执行以上第一方面任一项所述的方法。
39、第四方面，本申请实施例提供了一种计算机可读存储介质，包括指令，所述指令指示设备执行以上第一方面任一项所述的方法。
40、第五方面，本申请实施例提供了一种计算机程序产品，当所述计算机程序产品在计算机上运行时，使得计算机执行以上第一方面任一项所述的方法。
41、与现有技术相比，本申请实施例具有以下优点：
42、本申请实施例提供了一种确定元素间父子关系的方法，在一个示例中，所述方法可以由客户端执行。用户可以在客户端显示的目标界面中针对目标对象触发选择操作，其中，所述目标对象对应可视化设计器的画布中的第一元素。相应的，所述客户端可以响应于所述选择操作，确定页面结构中所述第一元素对应的第一节点。其中，所述第一节点为所述页面结构中的节点，所述页面结构为由所述画布中包括的至少一个元素构成的页面的页面结构，所述第一节点在所述页面结构中的位置，可以用于指示所述第一元素在所述页面中的位置。确定所述第一节点之后，所述客户端可以确定所述页面结构中所述第一节点对应的父节点和/或子节点，并在所述画布中为所述父节点对应的第二元素和/或所述子节点对应的第三元素添加标识。由此可见，利用本方案，用户针对目标对象触发选择操作之后，所述客户端则可以在所述画布中、为第二元素和第三元素添加标识，从而使得用户基于该标识，确定所述画布中第一元素和其他元素(第二元素以及第三元素)的嵌套关系，用户能够高效地确定画布中元素之间的嵌套关系。
本文档来自技高网...【技术保护点】
1.一种确定元素间父子关系的方法，其特征在于，所述方法包括：
2.根据权利要求1所述的方法，其特征在于，所述目标对象为所述第一元素。
3.根据权利要求1所述的方法，其特征在于，所述目标对象为所述第一节点。
4.根据权利要求1所述的方法，其特征在于，所述在所述画布中为所述第二元素和/或第三元素添加标识，包括：
5.根据权利要求4所述的方法，其特征在于，所述第一标识和所述第二标识均包括以下任意一项：
6.根据权利要求1所述的方法，其特征在于，所述画布展示在目标界面上的第一区域，所述目标界面的第二区域包括所述页面结构，所述方法还包括：
7.根据权利要求6所述的方法，其特征在于，所述方法还包括：
8.根据权利要求7所述的方法，其特征在于，所述为所述父节点和/或子节点添加所述标识，包括：
9.根据权利要求1所述的方法，其特征在于，所述确定所述页面结构中所述第一节点对应的父节点和/或子节点，包括：
10.根据权利要求1所述的方法，其特征在于，所述页面结构为Dom结构。
11
12.一种设备，其特征在于，所述设备包括处理器和存储器；
13.一种计算机可读存储介质，其特征在于，包括指令，所述指令指示设备执行如权利要求1至10中任一项所述的方法。
...【技术特征摘要】
1.一种确定元素间父子关系的方法，其特征在于，所述方法包括：
2.根据权利要求1所述的方法，其特征在于，所述目标对象为所述第一元素。
3.根据权利要求1所述的方法，其特征在于，所述目标对象为所述第一节点。
4.根据权利要求1所述的方法，其特征在于，所述在所述画布中为所述第二元素和/或第三元素添加标识，包括：
5.根据权利要求4所述的方法，其特征在于，所述第一标识和所述第二标识均包括以下任意一项：
6.根据权利要求1所述的方法，其特征在于，所述画布展示在目标界面上的第一区域，所述目标界面的第二区域包括所述页面结构，所述方法还包括：
7.根据权利要求...
【专利技术属性】
技术研发人员：常昕，
申请(专利权)人：北京字跳网络技术有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。