获取div内的Html属性

发布于 2024-11-17 23:42:18 字数 836 浏览 0 评论 0原文

<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(traversing) 来处理每个元素，如输入、span 等

原文

<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>

Get Html Attributes inside div,How to get attribute like type,name,value
from above div using dom(traversing) for each elements like input,span etc

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

无远思近则忧 2024-11-24 23:42:19

使用 getAttribute( "type" ) 我们可以获得特定属性的值

回复收藏 0 原文

陌上青苔 2024-11-24 23:42:19

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 方法。

The querySelectorAll(selectors) method allows you, for a given element, to retrieve an array of its descendant elements that match given criteria.

For example:

// 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);
}

According to the Mozilla Developer Network the querySelectorAll method is supported in IE8, Fx3.5, Chrome1, Opera 10 and Safari 3.2.

回复收藏 0 原文

仲春光 2024-11-24 23:42:18

在 Google 上进行简单搜索后，返回了关于 JavaScript 的本指南。在这里你可以找到你需要的一切

回复收藏 0 原文

瑕疵 2024-11-24 23:42:18

我假设你问的是如何用 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/

I assume you're asking how to do this with javascript. Here's sample code for the objects with id values. For the other values, put id names on them too and use the same technique.

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 + "'");

And a fiddle that shows it in action: http://jsfiddle.net/jfriend00/nZyjN/

回复收藏 0 原文

~没有更多了~