美文网首页
通过点击事件修改html文本框内容

通过点击事件修改html文本框内容

作者: 司马皮砸瓜 | 来源:发表于2018-07-10 22:05 被阅读0次
    <input type="button" value="修改文本框的值" id="btn"><br>
    <input type="text" value=""/><br>
    <input type="text" value=""/><br>
    <input type="text" value=""/><br>
    <input type="text" value=""/><br>
    <input type="text" value=""/><br>
    <input type="text" value=""/><br>
    
    document.getElementById('btn').onclick=function () {
      var inputs=document.getElementsByTagName('input');
      for (var i = 0; i < inputs.length; i++) {
       
        //判断这个元素是否是按钮
        if (inputs[i].type!='button'){
          inputs[i].value='已经修改了';
        }
    
    

    相关文章

      网友评论

          本文标题:通过点击事件修改html文本框内容

          本文链接:https://www.haomeiwen.com/subject/gaaqpftx.html