document.getElementById在JS方法外使用为啥获取空

Posted 2023-02-23

<script type="text/javascript">
var test = document.getElementById("test");

function alertT()
alert(test);

</script>
<form>
<textarea id="test">sdfsfsdfsfs</textarea>
<button onclick="alertT()">test</button>
</form>

参考技术A 顺序的问题，把js代码放到表单的后面。
这样：
<form>
<textarea id="test">sdfsfsdfsfs</textarea>
<button onclick="alertT()">test</button>
</form>
<script type="text/javascript">
var test = document.getElementById("test");

function alertT()
alert(test);

</script>本回答被提问者采纳 参考技术B 代码是从上到下，从左到右运行的。你的代码并没有找到test这个对象，所以会出错。建议你这么写
<script type="text/javascript">
window.onload = function()
var test = document.getElementById("test");

function alertT()
alert(test);

</script>
<form>
<textarea id="test">sdfsfsdfsfs</textarea>
<button onclick="alertT()">test</button>
</form> 参考技术C <form>
<textarea id="test">sdfsfsdfsfs</textarea>
<button onclick="alertT()">test</button>
</form> <script type="text/javascript">
var test =this.document.getElementById("test");//具体我也不知道，反正ID和被定义的字符一样的时候IE就得这样些把FF没问题

function alertT()
alert(test);

</script>