js怎么获取div里的元素个数？

JavaScript012

js怎么获取div里的元素个数？,第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")

这要分两种情况：

1、按钮在div中。

我们可以通过：

var btn = document.getElementById("btn")//获取按钮节点

var div = btn.parentNode//获取di元素，当然不一定div就是按钮的父元素，可以通过parentNode向上查找，最好还是给div加一个id2、按钮不在div中

我们可以通过：

//以上这种情况最好给div加一个id,通过以下方式获得

var div = document.getElementById("div")

//如果不想加的话，以下方式

var divs = document.getElementsByTagName("DIV")

var div = divs.item(n)//n表示要取的div,从0开始