document选择器，js获得页面元素

document选择器

单一选择器

类型	备注
document.getElementById("一个id")	返回该id的对象

多选择器

类型	备注
document.getElementsByName("一个name")	返回所有该name的对象数组
document.getElementsByTagName("p")	返回所有p标签的对象数组
document.getElementsByClassName("一个Class")	返回所有该class的对象数组

类CSS选择器

类型	备注
document.querySelector("某一种CSS的选择方式")	返回第一个符合CSS规则的对象
document.querySelectorAll("某一种CSS的选择方式")	返回所有符合CSS规则的对象数组

//通过ClassName获取对应元素
var ByClassName = document.getElementsByClassName("Class_1");
//循环输出所有元素中的内容
for (var k = 0; k < ByClassName.length; k++) {
    alert("class属性值为'Class_1'的标签内容为：" + ByClassName[k].innerHTML);
    alert("Class属性值为'Class_1'的文本内容为：" + ByClassName[k].innerText);
}

for (obj in ByClassName){
    // obj在这里做键，其实数组也类似于字典，是键值对的形态；
    // 只不过其索引是0,1,2的有序序列罢了
    alert(ByClassName[obj].innerHTML);
}