js中原有函数增添新语句后原先语句功能也一并失效，是为什么呢？

Question

js代码

function showPig(whichpig){

    var source=whichpig.getAttribute("href");

    var placeholder=document.getElementById("placeholder");

    placeholder.setAttribute("src",source);

}

js代码新增3条语句后 原先点击图片链接停留在当前页面和placeholder转为链接图片功能失效

function showPig(whichpig){

    var source=whichpig.getAttribute("href");

    var placeholder=document.getElementById("placeholder");

    placeholder.setAttribute("src",source);

    **var text=whichpig.getAttribute("title");

    var description=getElementById("description");

    description.firstChild.nodeValue=text;**

}

有趣的是，我对新增的三条语句逐条注释看看是哪条语句使得所有函数功能失效。是这一句：

var description=getElementById("description");

我使用的编辑器是sublime text3.

那么如何才能实现所有功能呢？

Answer 1

应该是var description=document.getElementById("description");这样吧

Answer 2

是因为你添加的语句出错，而JS引擎对错误的处理方式就是抛出错误并且程序中断在你出错的地方，导致后面的语句没有执行。