代码之家  ›  专栏  ›  技术社区  ›  apparat

获取div中的所有输入字段(没有JS库)

  •  20
  • apparat  · 技术社区  · 15 年前

    在不使用jQuery这样的javascript库的情况下,获取div中所有输入字段的最简单方法是什么?

    var inputs = $('#mydiv :input');
    
    6 回复  |  直到 15 年前
        1
  •  52
  •   Roy Sharon    15 年前
    document.getElementById('mydiv').getElementsByTagName('input')
    
        2
  •  12
  •   Andrei Serdeliuc ॐ    15 年前

    尝试:

    var inputs = document.getElementById('mydiv').getElementsByTagName('input');
    
        3
  •  11
  •   Unmitigated    7 年前

    querySelector querySelectorAll 很容易就能得到你所期望的细节。

    var divElem = document.getElementById("myDiv");
    var inputElements = divElem.querySelectorAll("input, select, checkbox, textarea");
    

    它将以数组格式提供所有input、select、textarea元素。

        4
  •  3
  •   Aaron Saunders    15 年前
        5
  •  3
  •   Joe D    15 年前
    document.getElementById("mydiv").getElementsByTagName("input");
    
        6
  •  2
  •   Fresheyeball    12 年前

    如果你使用的是现代浏览器(ie9+),你可以利用 querySelectorAll‎

    var inputs = document.querySelectorAll‎('#myDiv input');