js获取div里的元素个数

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

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

一、js 动态添加元素div

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

function addElementDiv(obj) {var parent = documentgetElementById(obj);//添加 divvar div =

documentcreateElement("div");//

设置 div 属性，如 iddivsetAttribute("id", "newDiv");divinnerHTML = "js 动态添

div";parentappendChild(div);}

调用：addElementDiv("parent");

二、js 动态添加li

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

function addElementLi(obj) {var ul = documentgetElementById(obj);//添加 livar li =

documentcreateElement("li");//

设置 li 属性，如 idlisetAttribute("id", "newli");liinnerHTML = "js 动态添加li";ulappendChild(li);}

调用：addElementLi("parentUl");

三、js 动态添加元素img

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

function addElementImg(obj) {var ul = documentgetElementById(obj);//添加 livar li =

documentcreateElement("li");//添加 imgvar img = documentcreateElement("img");//

设置 img 属性，如 idimgsetAttribute("id", "newImg");//设置 img 地址imgsrc =

"/images/prodjpg";

liappendChild(img);ulappendChild(li);}

调用：addElementImg("parentUl");

要获取标签个数需要用到size()函数用法，size() 方法返回被 jQuery 选择器匹配的元素的数量。 例子：

<script  language="javascript" type="text/javascript">

$(document)ready(function(){

var i=$('div')size();//获得div标签的数目

var j=$('ff')size();//获得class为ff的font标签的数目

alert("div有"+i+"个；font有"+j"个");

})

</script>

<div>div1</div><br>

<div>div2</div><br>

<div>div3</div><br>

<div>div4</div><br>

<font class="ff">111</font>

<font class="ff">222</font>

<font class="ff">333</font>

jquery没有专门针对的函数，用原生的正则才行

var str= '35,874,747';

var str_new=strreplace(/[^0-9]+/g, '');

windowalert(str_newlength);

可以考虑用length属性， jquery代码: $(“#ulname li”)length。

1、ul 是 Unordered List（无序列表）的缩写。与之相对的有<ol>有序列表标签，列表里的项目用<li>标签记述，所有主流浏览器都支持 <ul> 标签。在 HTML 401 中，ul 元素的 "compact" 和 "type" 属性是不被赞成使用的。

2、<li> 是列表项目标签，定义列表项目。<li> 标签支持全局属性，<li> 标签支持所有 HTML 事件属性。在 HTML 401 中，li 元素的 "type" 和 "value" 属性是不被赞成使用的。在 XHTML 10 Strict DTD 中，li 元素的 "type" 和 "value" 属性是不被支持的。

3、ul和li常规方法：

li {background: url(/images/icongif) no-repeat 0px 50%; padding-left:17px;}

4、复杂方法：

ul {list-style:none;}

li{background: url(/images/icongif) no-repeat 0px 50%; padding-left:17px;}

可以解决上面的浏览器不兼容的问题。首先，清除默认的项目符号，然后加上我们自己的背景。no-repeat告诉浏览器不要平铺这张，0px 50%告诉背景应该位于距左侧0px 且竖直方向位于顶部往下50%处，实际上就是在竖直方向居中。我们在左侧加上了17px的边距，这样那些15px宽5像素高的小图标就能完全显露出来，不会被文本遮挡，并且和文本之间有一点间隔。

5、简单方法

ul{list-style-image:url(/images/icongif);}

这种方法不同的浏览器的显示效果会有一些差异，主要是在的垂直位置上。有些浏览器会使和列表项文本的中部位置平齐，有的又会显示得高一些，总之就是有些不一致。

可以考虑用length属性， jquery代码: $(“#ulname li”)length。

1、ul 是 Unordered List（无序列表）的缩写。与之相对的有<ol>有序列表标签，列表里的项目用<li>标签记述，所有主流浏览器都支持 <ul> 标签。在 HTML 401 中，ul 元素的 "compact" 和 "type" 属性是不被赞成使用的。

2、<li> 是列表项目标签，定义列表项目。<li> 标签支持全局属性，<li> 标签支持所有 HTML 事件属性。在 HTML 401 中，li 元素的 "type" 和 "value" 属性是不被赞成使用的。在 XHTML 10 Strict DTD 中，li 元素的 "type" 和 "value" 属性是不被支持的。

3、ul和li常规方法：

li {background: url(/images/icongif) no-repeat 0px 50%; padding-left:17px;}

1、复杂方法：

ul {list-style:none;}

li{background: url(/images/icongif) no-repeat 0px 50%; padding-left:17px;}

可以解决上面的浏览器不兼容的问题。首先，清除默认的项目符号，然后加上我们自己的背景。no-repeat告诉浏览器不要平铺这张，0px 50%告诉背景应该位于距左侧0px 且竖直方向位于顶部往下50%处，实际上就是在竖直方向居中。我们在左侧加上了17px的边距，这样那些15px宽5像素高的小图标就能完全显露出来，不会被文本遮挡，并且和文本之间有一点间隔。

1、简单方法

ul{list-style-image:url(/images/icongif);}

这种方法不同的浏览器的显示效果会有一些差异，主要是在的垂直位置上。有些浏览器会使和列表项文本的中部位置平齐，有的又会显示得高一些，总之就是有些不一致。

以上就是关于js获取div里的元素个数全部的内容，包括:js获取div里的元素个数、jquery如何获得html标签数量、Jquery怎么获取数字的个数，比如1000就是4位数，100,100要算6位数，等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！