Question

<div>
  <table>
       <tr>
            <td>
                <input type="text" id="one" value="1" name="textbox"/>
            </td>
              <td>
                <input type="hidden" id="two" value="2" name="hidden"/>
              </td> 
        </tr>
         <tr>
             <td>
                <input type="radio" name="group2" value="Water"> Water<br>
                <input type="radio" name="group2" value="Beer"> Beer<br>
             </td>
              <td>
                <span id="sdf" title="sdf">ok</span>
               </td>
          </tr>
</table>
<div>

在div中获取Html属性，如何获取类型，名称，值等属性从div上面使用dom（遍历）为输入，跨度等每个元素

Answer 1

google上的简单搜索返回this guide以获取javascript。在这里你可以找到你需要的一切

Answer 2

我假设您正在询问如何使用javascript执行此操作。这是具有id值的对象的示例代码。对于其他值，也将id名称放在它们上并使用相同的技术。

var input_one = document.getElementById("one");
var input_two = document.getElementById("two");

alert("Input one: type='" + input_one.type + "', name='" + input_one.name + "', value='" + input_one.value + "'");

这是一个表明它在行动的小提琴：http://jsfiddle.net/jfriend00/nZyjN/

Answer 3

使用getAttribute（“type”）我们可以获得特定属性的值

Answer 4

对于给定元素，querySelectorAll(selectors)方法允许您检索与给定条件匹配的后代元素数组。

例如：

// Replace "yourDiv" with a reference to you main div
var elements = yourDiv.querySelectorAll("input, span");
for (var i = 0; i < elements.length; i++) {
    var element = elements[i];
    var name = element.name;
    var type = element.type;
    var value = element.value;
    // Now you can do what you want with name, type and value, for example:
    alert("Name: "+name+"\r\n"+"Type: "+type+"\r\n"+"Value: "+value);
}

根据Mozilla开发者网络，IE8，Fx3.5，Chrome1，Opera 10和Safari 3.2支持querySelectorAll方法。

在div中获取Html属性

4 个答案: