买专利卖专利找龙图腾,真高效! 查专利查商标用IPTOP,全免费!专利年费监控用IP管家,真方便!
申请/专利权人:上海哔哩哔哩科技有限公司
摘要:本发明涉及一种网页CSS结构自动生成方法、装置及存储介质,属于互联网技术领域。通过本发明的方法,首先在网页中创建一个容器元素,设定该容器元素的标识;将HTML代码赋值给容器元素,生成以该容器元素的标识为父节点的DOM树;而后遍历DOM树的所有节点,生成相应的CSS结构,从而实现网页CSS结构的自动生成,特别在WEB项目结构复杂,DOM元素的层级较多的情况下,能够使得CSS结构清晰,便于维护,进而极大地提高程序员的工作效率。且本发明的网页CSS结构自动生成装置的结构简单,应用成本有限,应用范围也十分广泛。
主权项:1.一种网页CSS结构自动生成方法,其特征在于,该方法包括以下步骤:在网页中创建一个容器元素,并设定该容器元素的标识;获得该网页的HTML代码;根据所述的HTML代码获取所述网页的HTML结构,而后以所述的容器元素的标识作为父节点,自动生成与该HTML结构对应的DOM树;遍历所述的DOM树的所有节点,根据DOM树的各个节点的前置限定样式名确定所述的各个节点的层级关系及先后次序,并生成具有对应层级和次序的CSS结构,具体包括以下步骤:(41)判断当前元素是否给定了所述的前置限定样式名,若是,获取该前置限定样式名,若否,则将所述的前置限定样式名设定为空字符串;(42)判断所述的容器元素是否设置了容器元素样式名,若是,则进入步骤(43);若否,则进入步骤(45);(43)根据所述的容器元素样式名和所述的前置限定样式名生成新的样式规则,每个所述的容器元素样式名对应一条规则;(44)根据所述的前置限定样式名,结合第一个所述的容器元素样式名,生成新的前置限定样式名,并进入步骤(47);(45)判断所述的容器元素是否有子元素,若是,则进入步骤(46),若无,则结束遍历;(46)读取所述容器元素的子元素列表,按子元素顺序依次读取子元素;(47)将所述的新的前置限定样式名以及当前子元素作为参数,并返回步骤(41)。
全文数据:
权利要求:
百度查询: 上海哔哩哔哩科技有限公司 网页CSS结构自动生成方法及存储介质
免责声明
1、本报告根据公开、合法渠道获得相关数据和信息,力求客观、公正,但并不保证数据的最终完整性和准确性。
2、报告中的分析和结论仅反映本公司于发布本报告当日的职业理解,仅供参考使用,不能作为本公司承担任何法律责任的依据或者凭证。