Question

js获取div里的元素个数

比如：<div>
<input type="button"/>
<input type="button"/>
<input type="button"/>
</div>
我希望能够得到div下的input个数，在JS怎么得到？

Answer 1

js获取div里的元素个数方法是：先得到父元素，再得到父元素下的某标签类别的子元素，最后统计出子元素的长度就可以简单实现了。

js 动态添加元素(div、li、img等)及设置属性的方法：

一、js 动态添加元素div

<div id="parent"></div>

function addElementDiv(obj) {var parent = document.getElementById(obj);//添加 divvar div =

document.createElement("div");//

设置 div 属性，如 iddiv.setAttribute("id", "newDiv");div.innerHTML = "js 动态添

div";parent.appendChild(div);}

调用：addElementDiv("parent");

二、js 动态添加li

<ul id="parentUl"><li>原li</li></ul>

function addElementLi(obj) {var ul = document.getElementById(obj);//添加 livar li =

document.createElement("li");//

设置 li 属性，如 idli.setAttribute("id", "newli");li.innerHTML = "js 动态添加li";ul.appendChild(li);}

调用：addElementLi("parentUl");

三、js 动态添加元素img

<ul id="parentUl"></ul>

function addElementImg(obj) {var ul = document.getElementById(obj);//添加 livar li =

document.createElement("li");//添加 imgvar img = document.createElement("img");//

设置 img 属性，如 idimg.setAttribute("id", "newImg");//设置 img 图片地址img.src =

"/images/prod.jpg";

li.appendChild(img);ul.appendChild(li);}

调用：addElementImg("parentUl");

Answer 2

$("div > input").length或者 你给这个div一个id ，然后document.getElementById("div_id").getElementsByTagName("input").length

Answer 3

最好在这个div里加id=“divT”
$("#divT * ").size()
或用笨方法：把div里的内同看做一个字符串，然后运用字符串的操作方法查找“<input” 的个数

追问

呵呵，jquery有size()函数???

追答

有，返回元素数量 隶属jquery DOM

Answer 4

var inplen = getElementsByTagName("div").getElementsByTagName("input").length ;
alert(inplen);

Answer 5

jq写如下：
$("div input").length