js(不用jquery)怎样判断一个div标签在页面中出现了多少次?

我知道有id属性的div标签在页面中只能出现一次,但没有指定id属性的div标签怎样才能用js知道在页面中出现了多少次? 比如说<p></p>这样的没有指定class属性的,指定了class属性的div标签又该怎样判断在页面中出现的次数? 原生js不用jquery

1. 获得指定id的元素:

document.getElementById("指定的id值");

2. 根据指定的name属性获得元素:

document.getElementsByName("设定的name属性的值");

3. 获得指定标签名的所有元素:

document.getElementsByTagName("指定的标签名");

4. 自定义方法,根据给出的class属性的值查找所有具有同值的元素:

/**
* 查询所有含有指定class值的标签。
* @param className 指定的class名字,type:String。
* @param parent 父节点,不填则默认从body标签开始找,type:HTTPDocument。
* return 返回查找到的所有元素,type:Array
*/
function getElementsByClassName(className, parent){
    parent = (parent == undefined ? document.body : parent);
    var childrenList = parent.children;
    var i = 0, len = childrenList.length;
    var list = [];
  拦铅喊  while( i < len ){
        var 激宽nowNode = childrenList[i];
        var classNames = nowNode.className.split(" ");
        var j = 0, lenj = classNames.length;
        while( j < lenj ){
            if(nowNode.className === classNames[j]){
                list.push(nowNode);
         简野       break;
            }
            j++;
        }
        var cList = [];
        if( nowNode.children.length > 0 ){
            cList = getElementsByClassName(className, nowNode);
        }
        list = list.concat(cList);
        i++;
    }
    return list;
}

根据getElementsByTagName获取div标签的个数。

getElementsByTagName() 方法可返回带有指定标签名的对象的集合。

语法:

document.getElementsByTagName(tagname)

说明:

getElementsByTagName() 方法返回简春元素的顺序是它们在文档中的镇态顺序。

返回值:

数组格式,数组元素是标拦旅耐签对象

举例:

var divArr = document.getLElementsByTagName('div');//获取div标签
var cnt = divArr.length;//获取页面div标签出现的次数

1.document.getElementsByTagName("悔孝镇p").length;

2. function getDivByClass(className, parents){
parents = parents || document;
if (parents.getElementsByClassName) {
return parents.getElementsByClassName(className);
};
var nodes = parents.getElementsByTagName("div");
ret = [];
for (i = 0; i <碧粗 nodes.length; i++) {
if (this.hasClass(nodes[i], className))
ret.push(nodes[i]);
};
return ret;
}

var divArray = getByClass("className"慎指,document.body);
alert(divArray.length);
var divLen = document.getElementsByTagName("悄卖山div").length;
console.log(divLen); //即为一个页配晌面中所有div标启中签的个数
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="js/jquery-1.7.1.min.js"稿吵 type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
var a = $(".aa");
//输出所有class=aa的id
for (var i = 0; i < a.length; i++) {
alert(a[i].id);
}
});
</script>
</head>
<body>
<form runat="server"胡敬派>

<div class="aa" id="a1">1</div>
<div class="aa" id="a2">2</div>
<div class="aa" id="a3">3</div>
<div class="aa" id="a4">4</div>
</裤贺form>
</body>
</html>