如何使用JavaScript为输入标记添加ID?

时间:2017-02-20 00:02:38

标签: javascript html

如何为没有任何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>

1 个答案:

答案 0 :(得分:0)

好的,我还没有看到一个答案告诉你当前源代码的问题,而且看起来你没有承认我的评论,所以也许你会向你展示一个工作片段。

您唯一需要更改的是从typetext的{​​{1}}属性,以匹配您的选择器search或更改您的选择器以匹配输入类型{{ 1}}。

  

更改输入'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="
"]

如果您有任何问题可以在下面发表评论,我会尽快回复您。

我希望这会有所帮助。快乐的编码!