JS中DOM操作

DOM操作

1.值操作

1.只获取文本(设置)

1. oDiv.innerText

2.获取文本又获取标签(设置)

1. oDiv.innerHTML ='<h2>你好</h2>'

3.form表单值

1. oInput.value

2.属性

对象属性 —— 常用

1. oImg.src
2. 1.对象属性获取的是绝对路径
3. 2.创建新的属性,若不是可以显示的标签属性(id,class,herf,title..),就只添加在对象属性中,不显示在标签上

标签属性 —- 标签作为节点操作

1. oImg.getAttribute('src')查询
2. oImg.setAttribute('id','xxxx')
3. 1.相对路径
4. 2.设置时只在标签显示

3.变量提升

var 声明变量,会变量提升,所以在上下都可以用到

1. var a;
2. console.log(a);
3. a =3;// var a = 3;
4. console.log(a);

两种方法:

1.let声明变量

1. 1.不存在变量提升
2. 2.不允许重复赋值
3. 3.局部作用域

2.将 变量作为属性添加进对象属性

1. for(let i =0; i < oBtns.length; i++){
2. oBtns[i].index = i
3. oBtns[i].onclick =function(){}
4. }