在函數內創建 HTML 輸入元素。調用該函數后，元素顯示在該位置上，我可以輸入它，但無法通過腳本訪問它。經過研究，我添加了一個檢查該元素是否存在，如果存在，我仍然無法在腳本中更改其值...我可以使用 document.getElementById("txtSearchBelow").value = 'access me 更改控制臺中的值'<div id = "searchResults"></div>document.getElementById("searchResults").innerHTML = '<input id="txtSearchBelow"class="form-control" type="text" placeholder="Search..">'+'<br>';var inputBelow = document.getElementById("txtSearchBelow");console.log(inputBelow);console.log('until here it seems fine.');var element = document.getElementById("txtSearchBelow"); //If it isn't "undefined" and it isn't "null", then it exists.if(typeof(element) != 'undefined' && element != null){ alert('Element exists!');// this here doesnt work. why not? document.getElementById("txtSearchBelow").value = 'eyyy please access me'; } else{ alert('Element does not exist!');}我怎么可以通過控制臺更改值，但不能在腳本中更改值？編輯：它的工作有延遲！太感謝了 ！
3 回答
SMILET
TA貢獻1796條經驗 獲得超4個贊
我想說這是因為它創建元素的渲染時間比它后面的邏輯要長。
意思是你的 var element = document.getElementById("txtSearchBelow"); 在瀏覽器識別該元素之前執行。
在調用 document.getElementById("txtSearchBelow") 之前放入延遲計時器
慕的地8271018
TA貢獻1796條經驗 獲得超4個贊
它工作得很好，我沒有收到你的抱怨......
document.getElementById("searchResults").innerHTML = '<input id="txtSearchBelow"class="form-control" type="text" placeholder="Search..">'+'<br>';
var inputBelow = document.getElementById("txtSearchBelow");
console.log(inputBelow);
console.log('until here it seems fine.');
var element = document.getElementById("txtSearchBelow");
// If it isn't "undefined" and it isn't "null", then it exists.
if (typeof(element) != 'undefined' && element != null) {
console.log('Element exists!');
// This line works for me...!
document.getElementById("txtSearchBelow").value = 'eyyy please access me';
} else {
console.log('Element does not exist!');
}
<div id="searchResults"></div>
- 3 回答
- 0 關注
- 198 瀏覽
添加回答
舉報
0/150
提交
取消