爲什麼錯誤無法讀取屬性'addEventListener'顯示？

Question

我想要使用此功能：

<div id="one"> 
<div class="options-parameters-input"> 
gfdgd 
</div> 
</div> 
<br /><br /><br /><br /><br /><br /><br /> 
<table width="750" border="1" cellspacing="3" style="float:left;"> 
    <tr> 
    <td>Test</td> 
    <td><textarea id="DN"></textarea></td> 
    </tr> 
</table> 

var DN = document.getElementById("DN"); 
DN.addEventListener("keyup",both); 

function both(){ 
document.getElementsByClassName("options-parameters-input")[0].style.fontSize = this.value+'px'; 
} 

http://jsfiddle.net/gxTuG/89/

但當我這個代碼移到我的phpBB的自定義主題，然後我得到這個錯誤： 遺漏的類型錯誤：無法讀取屬性「的addEventListener」 （...）

爲什麼？

我的腳本也調用了我的腳本文件。

我不知道我需要做什麼，我希望你能幫助我。

謝謝

Answer 1

Please check below code perfectly run. 

<div id="one"> 
<div class="options-parameters-input"> 
Example 
</div> 
</div> 
<br /><br /><br /><br /><br /><br /><br /> 
<table width="750" border="1" cellspacing="3" style="float:left;"> 
    <tr> 
    <td>Test</td> 
    <td><textarea id="DN"></textarea></td> 
    </tr> 
</table> 
<script> 
var DN = document.getElementById("DN"); 
DN.addEventListener("keyup",both); 

function both(){ 
document.getElementsByClassName("options-parameters-input")[0].style.fontSize = this.value+'px'; 
} 

</script> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>