Почему через раз работает javascript код?

document.write("<div id=test_div>"); 
document.write("<pre>"); 
document.writeln("<p>"); 
document.writeln("<a href=#tag3>link to tag 3</a>"); 
document.writeln("tag p1"); 
document.writeln("</p>"); 
 
document.writeln("<p id=#tag2>"); 
document.writeln("tag p2"); 
document.writeln("</p>"); 
 
document.writeln("<p>"); 
document.writeln("<a href=#tag1>link to tag 1</a>"); 
document.writeln("tag p3"); 
document.writeln("</p>"); 
 
document.write("</pre>"); 
document.write("</div>") 
 
 
 
 
function choiceAllParagraphs() { 
  var paragraphs = document.getElementsByTagName("p"); 
  for (var i = 0; i < paragraphs.length; i++) { 
    paragraphs[i].style.border = "1px solid red"; 
  } 
}

<input type="button" value="выбрать все параграфы" onclick="choiceAllParagraphs()">