Js操作样式和this的认识

 

1、Js操作元素

innerHtml 获取或者修改或添加元素里面的内容（常用）

innerText 获取或者修改或添加元素里面的内容（不常用）

区别：innerText不能解析标签

innerHTML：（能解析标签）

 

innerText:（不能解析标签）

 

2、this的简单认识

this：指向当前事件对象

oBox.onmuseenter = function(){
    this.innerHtml = '
哈哈
'
}

 

3、Js操作样式

语法：对象.style.css属性 = ‘值’；如果有'-'就用驼峰命名法（把减号去掉

减号后面第一个字母大写，如：margin-top，写成：marginTop）

float浮动 不能写成oBox.sttyle.float

因为float是关键字

var oBox = document.getElemrntById('Box');
/* 在谷歌 */
oBox.style.cssFloat = 'left';
/* ie低版本 ie8以下 */
oBox.style.styleFloat = 'left';
/* 获取类名 :不能用class*/
oBox.className = 'on';
/* 获取ID名 */
console.log(oBox.id)