JavaScript屬性獲取

2021-09-11 13:02:48 字數 1393 閱讀 5692

一、操作標籤的合法屬性

合法屬性:比如id、class、title、href、src等。

獲取合法屬性:獲取元素之後,直接使用點語法。

修改合法屬性:獲取元素之後,用等號賦值,修改已有屬性。

新增合法屬性:直接等號賦值。

id="box"

title="你好">你好嗎?div>

var title = document.getelementbyid('box').title;

console.log(title);

var obox = document.getelementbyid("box");

obox.title = "我很好!";

obox.onclick = function()

script>

複製**

二、操作標籤的自定義屬性

判斷是否存在某個自定義屬性,hasattribute()傳入屬性名稱,true/false。

獲取自定義屬性,getattribute()傳入屬性名。

設定自定義屬性,setattribute()傳入要設定的屬性名和要設定的屬性值。如果沒有設定屬性就會新增該屬性,如果有就會用新值覆蓋。

移除自定義屬性,removeattribute()傳入要刪除的屬性名。如果有就刪除,如果沒有也不會報錯。

id="stu"

name="zhangsan"

age="20"

height="180">張三div>

var ostu = document.getelementbyid("stu");

console.log(ostu.hasattribute("name"));

console.log(ostu.getattribute("age"));

ostu.setattribute("age", "18");

ostu.removeattribute("height");

script>

複製**

dataset可用於自定義data-屬性,可以通過訪問乙個元素的dataset屬性來訪問data-*自定義屬性的值。

id="stu"

data-name="lisi"

data-of-birth-day="1992" >lisidiv>

var ostu = document.getelementbyid('stu');

console.log(ostu.dataset.ofbirthday);

ostu.dataset.age = 20;

script>

複製**

javascript內建屬性

定義只有內部才用的特性,描述了屬性的各種特徵,表示特性是內部的值,放在 中 資料屬性和訪問器屬性 configurable 能否通過delete刪除屬性從而重新定義屬性,能否修改屬性的特性,或者能否把屬性修改為訪問器屬性 預設為true enumerable 能否通過for in迴圈返回屬性 預設值...

javascript獲取型別

1 使用typeof函式可以用於識別運算數型別的字串,可以返回如下型別 number,string,boolenan,object,function,undefined.2 當使用typeof函式檢測null值時,返回的時object,則需要 return o null null typeof o ...

JavaScript獲取節點

可以把html中的每個標籤看成乙個節點,那麼可以通過js將這些節點獲取出來,可以使用js的乙個內建物件 物件有自己的屬性和方法 取得這些節點並且進行操作 修改,刪除,替換其內容 該物件是乙個內建物件叫作document,內建物件就是已經建立好的物件,我們可以直接使用。瀏覽器標題欄 title 引用外...