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自定义主题时，我收到此错误：未捕获的TypeError：无法读取属性＆＃39; addEventListener＆＃39; of null（...）

为什么？

我的javacript文件也是从页脚调用的。

我不知道我需要做什么，希望你能帮助我。

谢谢

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>

为什么错误无法读取属性＆＃39; addEventListener＆＃39;正在显示？

1 个答案: