Ao criar elementos via código, encontrei um problema ao modificar oinnerHTML propriedade de um elemento quebra todas as referências a outros elementos que são injetados no elemento modificado antes da modificaçã

Tenho um caso de teste aqui:http: //jsfiddle.net/mJ7bF/1 no qual eu esperaria olink1 referência para se comportar exatamente comolink2 faz

Este segundo caso de teste é o mesmo código, mas em vez de usar oinnerHTML para adicionar a propriedade<br> tag, eu crio a quebra de linha com um objeto. Este teste se comporta conforme o esperado:http: //jsfiddle.net/K4c9a/2

Minha pergunta não é sobre esse código específico, mas o conceito por trás dele: o que acontece com olink1 referência nesse primeiro caso de teste? Se não se referir ao nó HTML / DOM que é visível quando ocont nó @ é injetado no documento, a que se refere e como isso se encaixa na natureza ByReference dos objetos javascrip