DOM对象模型

1.如何获取 html 元素

//1通过id获取用户名输入框元素,若id有重复的,则返回第一个
var inp = document.getElementById("id");
//通过用户名输入框获取输入框的值
var value1 = inp.value;

//2.通过name获取输入框的元素  name可以有多个,返回一个数组
var eles = document.getElementsByName("password");
var ele = eles[0];
ele.value;

//3.通过标签名获取所有的input元素的value值
var arrInps = document.getElementsByTagName("input");
//遍历所有的input元素,获取input元素的值
for(var i=0;i<arrInps.length;i++){
  arrInps.[i];
  arrInps.[i].value;
}

//4获取p标签内的html内容,在获取p标签中的文本内容
//现获取p元素(根据id获取)
var arrId = document.getElementById("id");
//根据元素获取元素中的html内容
arrId.innerHTML;
//根据元素获取元素中的所有文本
arrId.innerText;

2.如何增删改 html 元素

猜你喜欢

转载自www.cnblogs.com/gxlaqj/p/11376121.html