Πώς να μάθετε το αναγνωριστικό του στοιχείου;

Ταυτοποιητής (id) ενός στοιχείου μπορεί να βρεθεί με διάφορους τρόπους, ανάλογα με το πλαίσιο.

Στον επιθεωρητή του προγράμματος περιήγησης:
- Ανοίξτε τα εργαλεία ανάπτυξης (συνήθως F12).
- Επιλέξτε την καρτέλα "Elements" ή "Inspector".
- Περάστε το δείκτη πάνω από το στοιχείο στη σελίδα ή βρείτε το στη δομή DOM.
- Ο ταυτοποιητής θα εμφανίζεται στο χαρακτηριστικό id της ετικέτας του στοιχείου.

Χρησιμοποιώντας JavaScript:

Λάβετε το στοιχείο με document.getElementById(), document.querySelector(), document.querySelectorAll() και στη συνέχεια αποκτήστε την ιδιότητα id.

// Λήψη στοιχείου με βάση το ID του (αν το ID είναι γνωστό)
const element = document.getElementById('myElementId');
const elementId = element.id;
console.log(elementId);

// Λήψη στοιχείου με βάση την κλάση και στη συνέχεια το ID του
const firstElementByClass = document.querySelector('.myClass');
if (firstElementByClass) {
  const idFromClass = firstElementByClass.id;
  console.log(idFromClass);
}

// Περιστροφή σε όλα τα στοιχεία με συγκεκριμένο tag και λήψη των ID τους
const divs = document.querySelectorAll('div');
divs.forEach(div => {
  if (div.id) {
    console.log(div.id);
  }
});

Χρησιμοποιώντας Python και Selenium:

Βρείτε το στοιχείο στη σελίδα με locators και στη συνέχεια πάρτε το attribute id.

from selenium import webdriver
from selenium.webdriver.common.by import By

# Αρχικοποίηση του οδηγού (π.χ., Chrome)
driver = webdriver.Chrome()

try:
    driver.get("https://example.com") # Αντικαταστήστε με το επιθυμητό URL

    # Αναζήτηση στοιχείου με CSS selector και λήψη του ID
    element = driver.find_element(By.CSS_SELECTOR, "#myElementId")
    element_id = element.get_attribute("id")
    print(f"ID του στοιχείου με CSS selector: {element_id}")

    # Αναζήτηση στοιχείου με XPath και λήψη του ID
    element_xpath = driver.find_element(By.XPATH, "//div[@class='some_class']")
    element_id_xpath = element_xpath.get_attribute("id")
    print(f"ID του στοιχείου με XPath: {element_id_xpath}")

finally:
    driver.quit() # Κλείσιμο του προγράμματος περιήγησης

Στον κώδικα HTML:
- Δείτε τον πηγαίο κώδικα της σελίδας (συνήθως δεξί κλικ -> "Προβολή πηγαίου" ή Ctrl+U).
- Βρείτε το επιθυμητό στοιχείο με βάση την ετικέτα, την κλάση ή κάποιο άλλο χαρακτηριστικό.
- Το attribute id θα εμφανίζεται απευθείας στην ετικέτα.
```
<div id="uniqueElementId" class="someClass">
  Περιεχόμενο του στοιχείου
</div>
```
Σε αυτή την περίπτωση, ο ταυτοποιητής είναι uniqueElementId.