Element : propriété attributes

// Récupère le premier élément <p> du document
const paragraphe = document.querySelector("p");
const attributs = paragraphe.attributes;

<p id="paragraphe" class="vert" contenteditable>Exemple de paragraphe</p>
<input
  type="button"
  value="Afficher le nom et la valeur de l'attribut du paragraphe" />
<pre id="resultat"></pre>

.vert {
  color: green;
}

const paragraphe = document.getElementById("paragraphe");
const resultat = document.getElementById("resultat");
const btn = document.querySelector("input[type='button']");

btn.addEventListener("click", () => {
  // Tout d'abord, vérifions que le paragraphe comporte bien certains attributs
  if (paragraphe.hasAttributes()) {
    let sortie = "Attributs du premier paragraphe :\n";
    for (const attr of paragraphe.attributes) {
      sortie += `${attr.name} -> ${attr.value}\n`;
    }
    resultat.textContent = sortie;
  } else {
    resultat.textContent = "Aucun attribut à afficher";
  }
});