Method getElementProperties

util/dom_utils.js:535–600

(xpath)

    // Get comprehensive element properties
    getElementProperties(xpath) {
        const element = this.findElement(xpath);
        if (!element) {
            return { success: false, error: 'Element not found', xpath: xpath };
        }

        const rect = element.getBoundingClientRect();
        const computedStyle = window.getComputedStyle(element);

        return {
            success: true,
            xpath: xpath,
            properties: {
                // Basic properties
                tagName: element.tagName,
                id: element.id,
                className: element.className,
                classList: Array.from(element.classList),
                
                // Content
                textContent: element.textContent.trim(),
                innerHTML: element.innerHTML,
                value: element.value || null,
                
                // Attributes
                attributes: Array.from(element.attributes).reduce((acc, attr) => {
                    acc[attr.name] = attr.value;
                    return acc;
                }, {}),
                
                // State
                disabled: element.disabled || false,
                readonly: element.readOnly || false,
                required: element.required || false,
                checked: element.checked || false,
                selected: element.selected || false,
                
                // Position and dimensions
                position: {
                    top: rect.top,
                    left: rect.left,
                    bottom: rect.bottom,
                    right: rect.right,
                    width: rect.width,
                    height: rect.height
                },
                
                // Visibility
                visible: this.isElementVisible(element),
                display: computedStyle.display,
                visibility: computedStyle.visibility,
                opacity: computedStyle.opacity,
                
                // Form validation (if applicable)
                validity: element.validity || null,
                validationMessage: element.validationMessage || null,
                
                // Parent and children info