JS中DOM操作
作者:互联网
DOM操作
1.值操作
1.只获取文本(设置)
oDiv.innerText
2.获取文本又获取标签(设置)
oDiv.innerHTML ='<h2>你好</h2>'
3.form表单值
oInput.value
2.属性
对象属性 —— 常用
oImg.src
1.对象属性获取的是绝对路径
2.创建新的属性,若不是可以显示的标签属性(id,class,herf,title..),就只添加在对象属性中,不显示在标签上
标签属性 —- 标签作为节点操作
oImg.getAttribute('src')查询
oImg.setAttribute('id','xxxx')
1.相对路径
2.设置时只在标签显示
3.变量提升
var 声明变量,会变量提升,所以在上下都可以用到
var a;
console.log(a);
a =3;// var a = 3;
console.log(a);
两种方法:
1.let声明变量
1.不存在变量提升
2.不允许重复赋值
3.局部作用域
2.将 变量作为属性添加进对象属性
for(let i =0; i < oBtns.length; i++){
oBtns[i].index = i
oBtns[i].onclick =function(){}
}
标签:oImg,变量,DOM,标签,JS,oBtns,var,操作,属性 来源: https://www.cnblogs.com/chenzhiming/p/10560203.html