如何使用JavaScript爲輸入標籤添加ID？

Question

如何爲沒有任何ID或類的輸入標籤添加ID？是否有可能是這樣的：

<div id="1">hey all</div> 
<input type="text" name="txt" /> 

<script> 
    document.querySelector('input[type="search"]').id = 'sinput'; 
    document.getElementById("sinput").addEventListener("keypress", function() { 
     document.getElementById("1").style.display ="none"; 
    }); 
</script> 

Answer 1

嘗試以下操作：

var elem = document.getElementsByTagName('input'); 
 
elem[0].setAttribute("id", "txtName"); // important to use proper index here in case there are multiple input elements in the document. 
 
console.log(document.getElementsByTagName('input')[0])

<input type="text" name="txt" />

Answer 2

好吧，我還沒有看到一個答案，告訴你當前的源代碼和它的問題沒有出現你已經承認我的評論，所以也許你會顯示你的工作片段將做。

您需要更改的唯一的事情就是type屬性從text到search您選擇'input[type="search"]'匹配，或者改變您的選擇相匹配的輸入型'input[type="text"]'。

更改輸入type = 搜索

document.querySelector('input[type="search"]').id = 'sinput'; 
 
document.getElementById("sinput").addEventListener("keypress", function() { 
 
     document.getElementById("1").style.display ="none"; 
 
});

<div id="1">hey all</div> 
 
<input type="search" name="txt" />

---

或改變選擇input[type="特牛逼"]

document.querySelector('input[type="text"]').id = 'sinput'; 
 
document.getElementById("sinput").addEventListener("keypress", function() { 
 
     document.getElementById("1").style.display ="none"; 
 
});

<div id="1">hey all</div> 
 
<input type="text" name="txt" />

如果您有任何疑問，請隨時在下面評論，我會盡快回復您。

我希望這會有所幫助。快樂的編碼！