javascript no intrusivo

[Null_]

Bueno, en un tema anterior queria crear un efecto solo con CSS, por veo que no se pudo (si hay alguien que puede porfavor postear en dicho tema).
Pero recibi una recomendación para mejorar la accesibilidad de mi código javascript por parte de los usuarios rb3m y Mikmoro llamandome a utilizar el javascript no intrusivo.

Bueno busque información en google, di con arta información pero ninguna con ejemplos concretos, pues casi todos estos estaban repetidos y lo peor de todo, es que los probe y ninguno me funcionaba.

El que mas encontraba era el siguiente:

javascript intrusivo (si me funciona)

Código:

<a href="#" onclick="window.open('popup.html','nombre','width=400,height=450,resizable=yes')">
Abrir popup
</a>

javascript no intrusivo (no me funciona ¬¬)

Código:

<a href="#" id="mypopup">Abrir popup</a>

<script type="text/javascript">
   var x = getElementByID('mypopup');
   x.onclick = function() {
    window.open('popup.html','nombre','width=400,height=450,resizable=yes')
   }
</script>

Mi idea es utilizar algo parecido a este código para asginar una funcion onclick a un id de una imagen con CSS para que abra un enlace y asi no irrumpir la accesibilidad del código.

Bueno si alguien sabe de un ejemplo que de verdad funciones o que haga funcionar el ejemplo no intrusivo anterior se los agradeceria...