DOM Transformation to Filter Non-Rendered Elements
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
HTML and DOM structures often contain non-rendered elements that complicate web page editing and design, as they are invisible, empty, or dimensionless, making it difficult for non-technical users to manage and optimize web site creation.
Innovation Solution
A method and system for transforming hierarchical DOMs to filter out non-rendered elements by parsing elements, identifying and removing invisible and empty elements, merging tables, and reassigning roles to simplify the DOM structure while preserving hierarchy and functionality.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Stability of the object's composition
If a complete DOM structure is maintained to preserve all HTML elements, then the DOM structure完整性 (completeness) is improved, but the complexity of editing and managing the DOM increases due to numerous non-rendered elements
Solution Approach 1:
The patent extracts and removes non-rendered elements from the DOM structure, separating them from the rendered elements. This allows the DOM to maintain completeness of rendered content while eliminating complexity-causing non-rendered elements, directly resolving the contradiction between structure completeness and editing complexity
Solution Approach 2:
The patent applies different treatment to different elements within the DOM: rendered elements are preserved with full detail, while non-rendered elements are filtered out. This local differentiation maintains necessary completeness while reducing overall complexity
2Loss of information
If all DOM elements including non-rendered ones are processed and displayed, then the completeness of DOM information is improved, but the time required to process and edit the DOM increases
Solution Approach 1:
The patent extracts non-rendered elements from the DOM processing flow, separating them from the main rendering pipeline. This extraction reduces processing time for rendered elements while preserving the option to handle non-rendered elements separately, resolving the contradiction between information completeness and processing time
Solution Approach 2:
The patent performs preliminary filtering of non-rendered elements before the main DOM processing occurs. This preliminary action reduces the workload of subsequent processing steps, decreasing overall processing time while maintaining information completeness through separate handling
3Manufacturing precision
If non-rendered elements are retained in the DOM, then the fidelity to original HTML structure is improved, but the usability for non-technical users deteriorates due to complicated editing processes
Solution Approach 1:
The patent removes non-rendered elements from the user-visible DOM structure while preserving them in the original HTML. This extraction allows users to work with a simplified, user-friendly interface while the complete structure remains intact in the source, resolving the contradiction between structure fidelity and ease of operation
Solution Approach 2:
The patent creates an intermediary representation of the DOM that excludes non-rendered elements from user interaction. This intermediary layer acts as a mediator between the complete HTML structure and the user interface, providing ease of operation while maintaining fidelity to the original structure through separate preservation
Data Source
AI summary
An apparatus, computer-readable medium, and computer-implemented method for transforming a hierarchical document object model (DOM) to filter non-rendered elements, including parsing elements in a hierarchical DOM to identify one or more tags, any properties, and any values of the elements, removing invisible elements determined based on properties of each invisible element, each invisible element comprising an element of the DOM that is hidden from a user when the DOM is rendered, removing empty elements based on the tags of each element, each empty element comprising a tag without any associated values, identifying remaining elements of the hierarchical DOM that have parent elements that have been removed from the hierarchical DOM, and re-parenting the remaining elements to new parent elements remaining in the hierarchical DOM based on traversing the hierarchical DOM from each of the remaining elements.