Durante uma de minhas recentes experiências, usei uma tonelada de funcionalidades do MooTools para modificar os elementos da página. Infelizmente, estava sempre a dar-me um erro e eu não conseguia descobrir qual era o problema. Aqui está uma parte do código em MooTools que eu tinha:

$('imagem').set('left',0);

Obviamente, o código acima não faz o que eu esperava, mas estava confuso quanto ao que estava a acontecer. Para resolver isso, eu precisava de ver o código fonte da página, mas usar a opção do browser de ver o Código Fonte, não era uma opção. Então criei o seguinte link para visualizar o código fonte da página:

<a href="javascript:alert($('body').innerHTML);">Ver Código Fonte</a>

Óptimo! Ao utilizar este link, descobri que o elemento que estava a tentar modificar estava assim:

<img src="minha-imagem.png" id="imagem" left="0" />

Posto isto, já sabia que precisava de mudar o código em MooTools para:

$('imagem').setStyle('left',0);