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

1.HTML属性操作：读、写

属性名

属性值

 

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

a) 语法：元素.属性名

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

b) 字符串的连接： +

 

3.属性写操作：（“添加”）替换、修改

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

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

 

4.元素内容操作：（“添加”）替换、修改

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’]