我不斷收到的錯誤訊息 Uncaught TypeError: form.querySelector(...) is null 直到不久前一切正常，所以我必須改變一些我不知道的東西 file:///C:/Users/Ben /Documents/download 文本檔案/v12/v12 test .html:35
<html>
<form name="addtext">
<table>
<tr>
<tr>
<th> Fan Delay </th>
<th><input id="fanDelay" type="text" name="fanDelay" value="0" /></th>
</tr>
</table>
<table class="center">
<th></th>
<th> <input type="submit" name="name" value="Save File" placeholder="File Name" /> </th>
</table>
</form>
</html>
<script>
/* Run script after DOMContentLoaded event to ensure form element is
present */
document.addEventListener("DOMContentLoaded", function() {
/* Obtain form element via querySelector */
const form = document.querySelector('form[name="addtext"]');
/* Bind listener to forms submit event */
form.addEventListener("submit", function(event) {
/* Prevent browsers default submit and page-reload behavior */
event.preventDefault();
var fanDelay = form.querySelector('select[name="fanDelay"]').value;
//
const text =
`TACm Settings
VER
PRO
dt: ${fanDelay}
`;
/* Create temporary link element and trigger file download */
const link = document.createElement("a");
const href = "data:text/plain;charset=utf-8," encodeURIComponent(text);
link.setAttribute("href", href);
link.setAttribute("download", "usb.txt");
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
});
});
</script>
uj5u.com熱心網友回復：
我認為錯誤來自這里 form.querySelector('select[name="fanDelay"]').value
您正在使用<input>標簽，因此只需將其更改為此
form.querySelector('input[name="fanDelay"]').value
uj5u.com熱心網友回復：
你想queryselector一個select代替input
嘗試這個 ：
var fanDelay = form.querySelector('input[name="fanDelay"]').value;
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/344984.html
標籤：javascript html 形式
下一篇：為什么我的字體真棒圖示不顯示？