[JS] jak wyświetlić wartość id / class elementu

Jak za pomocą JavaScript pobrać i wyświetlić na stronie wartość atrybutu id, class lub style znacznika HTML?

document.write(element.id);
document.write(element.className);
document.write(element.style);

chociaż co do tego ostatniego to nie mam pewnosci

nul napisał(a)

chociaż co do tego ostatniego to nie mam pewnosci

element.getAttribute('style');

wyświetli że jest to objekt ...

styl = element.getAttribute('style');
for(a in styl)
  document.write(a + ' = ' + styl[a] + '<br>');

Adamo napisał(a)

wyświetli że jest to objekt ...

hmm.... ktoś tu korzysta z IE... :P

pod IE można dać:

element.style.cssText

piechnat napisał(a)

Adamo napisał(a)

wyświetli że jest to objekt ...

hmm.... ktoś tu korzysta z IE... :P

pod IE można dać:

element.style.cssText

o żesz fuck, jednak wszystko trzeba sprawdzać pod wszystkim ...

OK - chyba o to chodziło...
Da się teraz zrobić tak, żeby za pomocą stylów wyświetlić wartość tych atrybutów (id, class, style)?

Mam taki kod css, ale chciałbym, żeby wartość id była pobierana automatycznie...

div[id="header"]:before {
     content: '<div id="header">';
     color: blue;
}
div:after {
     content: "<div>";
     color: blue;
}

Taki kod pomógłby mi uwidocznić strukturę dokumentu html/xhtml...

Na stronie http://www.ilovejackdaniels.com/opera/opera-user-mode-style-sheets/3/ znalazłem coś takiego:

*[class]:before {
  content: "Class: " attr(class) !important;
  position: absolute !important;
  display: block !important;
  border: 1px solid #f00 !important;
  background-color: #fff !important;
  padding: 2px !important;
  text-align: left !important;
}
*[id]:before {
  content: "ID: " attr(id) !important;
  position: absolute !important;
  display: block !important;
  border: 1px solid #00f !important;
  background-color: #fff !important;
  padding: 2px !important;
  text-align: left !important;
}

może komuś jeszcze się przyda...