SetAttribute()改變屬性值

開發工具與關鍵技術:VS   setAttribute()
作者:聽民謠的老貓
撰寫時間:2019/5/25   11:07

最近在做輪播下面的5個小圓點時接觸到的新知識點。
在這裏插入圖片描述
在這裏插入圖片描述
如果要你爲bottons下面的每一個span標籤寫上點擊事件並且你點擊哪個span標籤on這個類就在哪個span標籤上你會怎麼做???
在這裏插入圖片描述
首先肯定是獲取bottons下面的每一個span給它們添加點擊事件。(我這裏是通過for循環遍歷5月20號的博客有講到遍歷)
這裏爲什麼for循環裏面要套一個同樣的for循環?具體我也不知道,不套的話就會報錯。
在這裏插入圖片描述

如果你碰巧知道錯誤點麻煩告知一下。

通過裏面的for循環你可以將span標籤所有的on類去除掉,避免給多個span標籤同一個on類然後通過this.setAttribute來給你點擊的span標籤附加上on類。

setAttribute() 方法

setAttribute() 方法用於創建或改變某個新屬性。

用法:elementNode.setAttribute(name,value)

參數 解析
name 必填。需要改變或者創建的屬性名。
value 必填。屬性值

筆記部分:
setAttribute()把指定的屬性設置爲指定的值。如果不存在具有指定名稱的屬性,該方法將創建一個新屬性。
在這裏插入圖片描述
創建屬性就像我上面的控制檯輸出。原來並不是每一個span標籤都有class這個屬性的,但是使用了setAttribute()後它主動爲每個span標籤都添加上了這個屬性。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章