js怎么获取div里的元素个数?
发布网友
发布时间：2022-05-01 21:15
共1个回答
热心网友
时间：2022-05-16 08:06
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");
