innerhtml 獲取或者修改或新增元素裡面的內容(常用)
innertext 獲取或者修改或新增元素裡面的內容(不常用)
區別:innertext不能解析標籤
innerhtml:(能解析標籤)
innertext:(不能解析標籤)
this:指向當前事件物件
obox.onmuseenter = function()
語法:物件.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)
JS操作屬性和樣式
js操作屬性 aaa.getattribute 屬性名 取出aaa這個dom物件的屬性名中的屬性值 aaa.removeattribute 屬性名 移除該屬性 aaa.setattribute 屬性名 值 新增 修改此屬性 window.settimeout b 3000 等待3秒,執行b這個方法,...
操作js的樣式
1.js操作css樣式 div.style.width 100px 在div標籤內我們新增了乙個style屬性,並設定 了width值。這種寫法會給標籤帶來大量的style屬性,跟實際專案是不符。我們沒有讓css和html分離。所以如果是為了獲取css樣式 window.getcomputedsty...
js對樣式的操作
本文有 對某個事件的來回操作實現對css樣式的來回修改 比如實現hover效果 box 魔降風雲變 1 1.1 沒有js的時候 1.獲取事件源物件 var box document.getelementbyid box 2.繫結事件 box.onmouseover function 滑鼠經過圖,讓圖...