Получить атрибуты HTML внутри div

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>

Получить атрибуты HTML внутри div, Как получить атрибут, такой как тип, имя, значение сверху div, используя dom (обход) для каждого элемента, такого как input, span и т. д.

Answer 1

простой поиск в Google вернул это руководство для JavaScript. Здесь вы можете найти все, что вам нужно

Answer 2

Метод querySelectorAll (селекторы) позволяет для данного элемента получить массив его элементов-потомков, соответствующих заданным критериям.

Например:

// 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, метод querySelectorAll поддерживается в IE8, Fx3.5, Chrome1, Opera 10 и Safari 3.2.

Answer 3

используя getAttribute ("type") мы можем получить значение определенного атрибута

Answer 4

Полагаю, вы спрашиваете, как это сделать с помощью JavaScript.Вот пример кода для объектов со значениями 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/