Js操作樣式和this的認識

2021-09-19 20:53:35 字數 740 閱讀 6156

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 滑鼠經過圖,讓圖...