JS中获取页面元素

在JS中，有四种方式可以获取页面元素：

• 通过标签名

var box = document.getElementsByTabName(“div”);
获取页面中所有的div元素并在js中将他们都赋值给box

• 通过class名

var box1 = document.getElementsByClassName(“div”);
获取页面中所有class名为div的元素并在js中将他们都赋值给box1

• 通过id名

var box2 = document.getElementByID(“div”);
获取页面中所有id名为div的元素并在js中将他们都赋值给box2

• 通过name名

var box3 = document.getElementByName(“div”);
获取页面中所有name名为div的元素并在js中将他们都赋值给box3

通过JS来改变HTML标签的CSS样式：

1. 改变HTML标签的文字：
innerHTML：会修改标签从开始到结束间的所有内容（包括子元素）
innerText：仅会修改文本内容
box.innerText = " 新的文本 "；
2.修改HTML样式
box.style.修改属性 = " 属性效果 "；
box.style.height = 100 + "px"; / box.style.color = " red ";
3.为元素添加class名或者修改class名
元素名.className = "新的class名";

通过将循环与标签相结合，可以为无序列表添加li样式，如：

var list = document.getElementByClassName("list"); 	获取元素
for(var i = 0 ; i < list.length ; i ++){			for循环挨个获取元素
	list[i].innerHTML = i+1;						为每个元素修改文字
	}

元素.length：该元素的长度（数量）
元素[n]:第n个该元素

本文均属个人理解