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

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

從按鈕調(diào)用函數(shù)時(shí)未捕獲類型錯(cuò)誤

從按鈕調(diào)用函數(shù)時(shí)未捕獲類型錯(cuò)誤

拉風(fēng)的咖菲貓 2023-09-11 14:51:16
我正在制作一個(gè)表單來記錄一群人的數(shù)據(jù),當(dāng)按下按鈕添加另一個(gè)人時(shí),控制臺(tái)會(huì)拋出一個(gè) TypeError,說 addPerson() 不是一個(gè)函數(shù)。HTML(正文):<form method="POST">    <h3> People </h3>    <div class="person">        <p>            <label>Name</label>            <input type="text" name="name" />            <br/>        </p>        <p>            <label>Gender</label>            <input type="radio" name="gender" value="male" />Male            <input type="radio" name="gender" value="female" />Female            <br />        </p>        <p>            <label>Date of Birth</label>            <input type="date" name="dob" />            <br/>        </p>    </div>    <br/>    <input type="button" value="Add another person" onclick="addPerson()" id="addPerson" /></form><script src="client.js"></script>JavaScript:function addPerson(){    let personForm = document.getElementsByClassName("person")[0];    let personFormCopy = personForm.cloneNode(true);    let buttonNode = document.getElementById("addPerson");    document.body.insertBefore(personFormCopy, buttonNode);    let br150 = document.createElement("br");    document.body.insertBefore(br150, buttonNode);    br150.style.lineHeight="150px";}錯(cuò)誤:Uncaught TypeError: addPerson is not a function at HTMLInputElement.onclick
查看完整描述

1 回答

?
慕尼黑的夜晚無繁華

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

函數(shù)的名稱和按鈕 ID 是相同的。自從 IE 引入此行為以來,一些瀏覽器將 DOM 元素 ID 添加到windowrange,這會(huì)導(dǎo)致您的情況發(fā)生沖突。

addPersonBtn例如,可以通過將按鈕的 ID 更改為 來解決此問題。

不過,我建議不要混合使用 HTML 和 JS。您可以刪除onclickHTML 中的屬性,然后像這樣編寫 JS:

document.getElementById('addPersonBtn').addEventListener('click', addPerson);


function addPerson(){

? ? console.log('It worked.');

}

<button id="addPersonBtn">Click me</button>


查看完整回答
反對(duì) 回復(fù) 2023-09-11
  • 1 回答
  • 0 關(guān)注
  • 109 瀏覽

添加回答

舉報(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)