class屬性增刪改查

2022-06-30 02:00:07 字數 902 閱讀 6933

今天發現自己每寫乙個功能就去上網查查,然後繼續寫,平靜下來反思,我才知道是因為自己太懶了,不願意總結,今天特地為此做總結。

//例子

檢視

var myinput = document.getelementbyid("myinput");

//方式1

console.log(myinput.classname);

//方式2

console.log(myinput.classlist.value);

//方式3:注意不能使用for(i in ...) ,因為使用該方式時i指的是屬性的名稱

for(i=0; i新增

//新增class2屬性

//方式1:此方式是採用覆蓋方式,侷限性大

myinput.classname = "class1 class2");

//方式2:此方式需要注意前面加空格

myinput.classname += " class2");

//方式3:此方式是最優雅的方式,不需要考慮空格,而且若原來存在相同的class屬性則不會新增

myinput.classlist.add("class2");

刪除

//存在才會刪除

myinput.classlist.remove("class2");

修改

//將class1修改為class8

//實際上是替換後重新賦值,我還沒找到其他方式

var result = myinput.classname.replace("class1", "class8");

myinput.classname = result;

增刪改查及屬性

節點的增刪改查 節點建立 元素節點 document.createelement tag標籤名稱 文字節點 document.createtextnode 文字內容 屬性設定 node.setattribute 名稱,值 節點追加 父節點.insertbefore newnode,oldnode 將...

mysql增刪改查效果 mysql增刪改查

檢視所有資料庫 mysql show databases 建立乙個庫ghd並指定字符集為utp8 mysql create database ghd charset utf8 檢視mysql支援的字符集 mysql show char set 建立乙個表,並設定id為主鍵 create table ...

mysql增刪改查擴充套件 MySQL增刪改查

1 插入 insert 1 insert into 表名 values 值1 值2 例子 insert into t1 values zengsf 23 fengshao 22 2 insert into 表名 欄位1,values 值1 例子 insert into t1 name values ...