其他分享
首页 > 其他分享> > JS中DOM操作

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. }

标签:oImg,变量,DOM,标签,JS,oBtns,var,操作,属性
来源: https://www.cnblogs.com/chenzhiming/p/10560203.html