js 操作屬性,操作內容,

2022-01-18 13:30:13 字數 1508 閱讀 1944

disable=「disable」 讓按鈕變得不可選

先建乙個按鈕,讓class = 』btn『

然後,新增,修改屬性

document.getelementsbyclassname('btn')[0].onclick = function(){

this.setattribute('disabled'='disabled'); 第乙個空填要修改的屬性,第二個填要屬性的值

如果屬性裡沒有要新增的屬性,就會把填寫的屬性新增進去,如果有就會覆蓋。

"

button

"class="

a1" id="

b1" value="

按鈕">

//點選一下按鈕,按鈕就變成不可選擇

獲取這個屬性的值,如果沒有就返回null。

this.getattribute('屬性')  

"

button

"class="

a1" id="

b1" value="

按鈕" disabled="

disabled

" >

"button

"class="

a1" id="

b2" value="

按鈕2" aa="

1111

">

//獲取按鈕2裡面屬性aa的值

this.removeattribute('屬性名')   刪除屬性

"

button

"class="

a1" id="

b1" value="

按鈕" disabled="

disabled

">

"button

"class="

a1" id="

b2" value="

按鈕2" >

//點選按鈕2就會刪除按鈕1的disabled屬性

普通元素.innerhtml = "值"; 會把值裡面的標記執行(如果有換行之類的就會換行等····)

普通元素.innertext = "值"; 將值原封不動的展示出來,即使裡面有標記也連標記一起打出來

var s = 普通元素.innerhtml; 會把此元素下的所有文字及標記**取出來。

var s = 普通元素.innertext; 值會把此元素下的文字取出來,標記不予理會。

這中作用下對值中**的態度和上邊的完全反過來;

表單元素 - 只能使用value 來取值賦值

表單元素.value = "值";

var s = 表單元素.value;

注意:哥哥級,弟弟級,後輩級注意回車和空格

JS 操作內容 操作元素

操作內容 普通元素.innerhtml 值 會把標記執行渲染 普通元素.innertext 值 將值原封不動的展示出來,即使裡面有標記 var s 普通元素.innerhtml 會把此元素下的所有文字及標記 取出來。var s 普通元素.innertext 值會把此元素下的文字取出來,標記不予理會。...

js操作屬性

dom是為了操作文件 網頁 的api,document是它的乙個物件 整個文件載入完之後執行乙個匿名函式 window.onload 修改下面div中的title元素 window.onload function 呼叫document.getelementbyid 括號裡新增要修改的id 這是乙個d...

js 操作屬性

下次複製直接進行輸出操作即可,兩種都試一下 第一種操作屬性的方法 q.value abcdefg 第二種操作屬性的方法 q name abcdefg html操作 1 doctype html 2 html lang en 3 head 4 meta charset utf 8 5 title ti...