使用JS操作頁面元素屬性

2021-08-21 22:21:42 字數 745 閱讀 8807

1、如何用jquery動態改變輸入框的readonly屬性

$('input').attr('readonly','readonly');//新增readonly屬性

$('input').removeattr('readonly');//移除readonly屬性

$('input[name=username]').attr("readonly","readonly")//將input元素設定為readonly

$('input[name=username]').removeattr("readonly");//去除input元素的readonly屬性

2、js中設定、取、修改、刪除,自定義屬性的值

1、js中設定自定義屬性。

例如:$(".div-info").attr("testattr3","houhou");

結果:給div設定了新的自定義屬性testattr3,值為houhou

2、js中獲取自定義屬性值。

例如:$(".div-info").attr("testattr");

結果:取到testattr的值為:myattr

3、js中修改自定義屬性值。

例如:$(".div-info").attr("testattr","newattr");

結果:將testattr的值修改為newattr

4、js中刪除自定義屬性。

例如:$(".div-info").removeattr("testattr");

3、

使用jQuery操作元素屬性

在jquery中,提供了attr函式來操作元素屬性,具體如下 函式名 說明例子 attr name 取得第乙個匹配元素的屬性值.input attr value attr property 將乙個 名 值 形式的物件設定為所有匹配元素的屬性 input attr attr key,value 為所有...

js獲取頁面元素

獲取頁面元素的四種方式 1 通過標籤名來獲取 var box document.getelementsbytagname div 2 console.log box 2 通過class名來獲取 var box2 document.getelementsbyclassname div1 0 conso...

js 操作元素

js新增元素 1 元素內部 在元素內部的尾部加上元素 function test prepend 在元素內部的前部加上元素 在元素內部的前部加上元素 function test 2 元素外部 after 在元素外部的尾部加上元素 在元素外部的尾部加上元素 function test before 在...