js学习笔记2---HTML属性操作

时间:2021-03-04 23:21:58

1.HTML属性操作:读、写

属性名

属性值

 

2.属性读操作:获取、找到

a) 语法:元素.属性名

如:document.getElementById(“btn”).value;

b) 字符串的连接: +

3.属性写操作:(“添加”)替换、修改

a) 语法:元素.属性名 = 新的值

如:document.getElementById(“btn”).value = “嘛呢嘛呢哄~变变变”;

.元素内容操作:(“添加”)替换、修改

oP.innerHTML           读取元素内的所有HTML内容

oP.innerHTML = 新的值  更换元素内的所有HTML内容

5.a=a+b  =====>  a+=b

6.读、写操作注意事项:

注意保留字与关键字

a) 保留字:class…

b) 关键字:var , function ,…

注意事项

a) 所有的相对路径不要拿来做判断!

b) 颜色值不要拿来做判断!

c) innerHTML 不要拿来做判断!

7.“[]”的使用方法:

oDiv.style.width = oBtn1.value;        //.后面的值不能变

oDiv.style[width] = oBtn1.value;   //[]里面的值可以变

js中允许把.变成[],如oBtn.onclick ===> oBtn[onclick]