第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

JavaScript getElementByID()無法正常工作

JavaScript getElementByID()無法正常工作

為什么會(huì)refButton獲得null以下JavaScript代碼?<html><head>    <title></title>    <script type="text/javascript">        var refButton = document.getElementById("btnButton");        refButton.onclick = function() {            alert('I am clicked!');        };    </script></head><body>    <form id="form1">    <div>        <input id="btnButton" type="button" value="Click me"/>    </div>    </form></body></html>
查看完整描述

3 回答

?
慕婉清6462132

TA貢獻(xiàn)1804條經(jīng)驗(yàn) 獲得超2個(gè)贊

此時(shí),您正在調(diào)用函數(shù),頁面的其余部分尚未呈現(xiàn),因此該元素當(dāng)時(shí)不存在。嘗試調(diào)用您的函數(shù)window.onload。像這樣:


<html>

<head>

    <title></title>

    <script type="text/javascript">

        window.onload = function(){

           var refButton = document.getElementById("btnButton");


            refButton.onclick = function() {

                alert('I am clicked!');

            }

        };

    </script>

</head>

<body>

    <form id="form1">

    <div>

        <input id="btnButton" type="button" value="Click me"/>

    </div>

    </form>

</body>

</html>


查看完整回答
反對(duì) 回復(fù) 2019-11-02
?
Cats萌萌

TA貢獻(xiàn)1805條經(jīng)驗(yàn) 獲得超9個(gè)贊

您需要將JavaScript 放在body標(biāo)簽的末尾。


它找不到它,因?yàn)樗辉贒OM中!


您也可以將其包裝在onload事件處理程序中,如下所示:


window.onload = function() {

var refButton = document.getElementById( 'btnButton' );

refButton.onclick = function() {

   alert( 'I am clicked!' );

}

}


查看完整回答
反對(duì) 回復(fù) 2019-11-02
?
慕容708150

TA貢獻(xiàn)1831條經(jīng)驗(yàn) 獲得超4個(gè)贊

因?yàn)閳?zhí)行腳本時(shí)瀏覽器尚未解析<body>,所以它不知道存在具有指定ID的元素。


嘗試以下方法:


<html>

<head>

    <title></title>

    <script type="text/javascript">

        window.onload = (function () {

            var refButton = document.getElementById("btnButton");


            refButton.onclick = function() {

                alert('Dhoor shala!');

            };

        });

    </script>

    </head>

<body>

    <form id="form1">

    <div>

        <input id="btnButton" type="button" value="Click me"/>

    </div>

</form>

</body>

</html>

請(qǐng)注意,您也可以使用addEventListener而不是window.onload = ...使該函數(shù)僅在整個(gè)文檔被解析后才執(zhí)行。


查看完整回答
反對(duì) 回復(fù) 2019-11-02
  • 3 回答
  • 0 關(guān)注
  • 466 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)