Estoy usando un navegador webkit (safari), por lo que esta pregunta es específica de webkit.

Tengo safari renderizando un documento XML (no es HTML). Para personalizar algunas secciones del documento, he adjuntado una hoja de estilo (ver más abajo) al documento. En el caso a continuación, el texto dentro del primer elemento "cosa" se muestra en magenta.

Esto funciona razonablemente bien. Pero también me gustaríamodificar dinámicamente el estilo de varios elementos (asumo utilizando javascript)después de que el documento ha sido rendido.

Puedo usar javascript para capturar el primer elemento "cosa" usandodocument.getElementsByName ("a"). item (0); pero no estoy seguro de cómo configurar el estilo (o si esto es posible). esto no funciona =>document.getElementsByName ("a"). item (0) .style.display = "none";

¿Alguna idea sobre cómo cambiar el estilo de un elemento xml en un navegador después de que se haya procesado?

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="simple.css" type="text/css"?>
<document xmlns:ab="adfadfafadf">
  <thing name="a">stuff</thing>
  <thing name="b">stuff2</thing>
</document>

_

//simple.css________________________________
document {margin: 1em; font-family: sans-serif; font-size: 14px;}
thing[name="a"] {color: magenta;}