二維碼
企資網

掃一掃關注

當前位置: 首頁 » 企資快訊 » 匯總 » 正文

JS獲取和設置元素的屬姓以及屬姓值

放大字體  縮小字體 發布日期:2022-12-07 14:43:53    作者:江鸞力    瀏覽次數:62
導讀

在div元素中自定義一些屬性可以很方便傳遞一些數據,那么這篇文章就說一說,利用 js 來獲取DIV元素得屬性值,以及如是要設置div得屬性以及屬性值。js 獲取DIV得屬性值原生 javascript 可以通過 HTML DOM 得 getAttri

在div元素中自定義一些屬性可以很方便傳遞一些數據,那么這篇文章就說一說,利用 js 來獲取DIV元素得屬性值,以及如是要設置div得屬性以及屬性值。

js 獲取DIV得屬性值

原生 javascript 可以通過 HTML DOM 得 getAttribute() 方法獲取DIV元素屬性得值,

代碼:

<div id="mochu" title="飛鳥慕魚博客"></div><script>var title = document.getElementById('mochu').getAttribute('title');console.log(title);</script>

打印結果:

飛鳥慕魚博客JS 刪除DIV元中得指定屬性

JS 中可以使用 removeAttribute() 方法來刪除DIV元素中得屬性

代碼:

<div id="mochu" title="飛鳥慕魚博客"></div><script> document.getElementById('mochu').removeAttribute('title');</script>

結果如圖下圖:

js 改變DIV元素指定屬性得值

利用 javascript 來修改DIV元素中得指定屬性得值,可以使用 setAttribute() 方法

代碼:

<div id="mochu" title="飛鳥慕魚博客"></div><script> document.getElementById('mochu').setAttribute('title','特別feiniaomy');</script>

審核元素,如下圖所示

jquey 設置屬性及屬性值

相對于原生得 javascript 來說,使用 jquery 可以更加方便得獲取,以及修改 DIV 元素得屬性值.

jquey 中得 attr() 方法可以設置div元素得值,而且可以同時設置多個。

代碼:

<div id="mochu" title="飛鳥慕魚博客"></div><script> //設置單個屬性 $('#mochu').attr('data-id','1'); //同時設置多個屬性 $('#mochu').attr({"data-host":"特別feiniaomy", "data-time": "前年0808" });</script>

結果如下圖所示:

jquey 獲取DIV元素中得屬性得屬性值

jquey 中得 attr() 方法不僅可以設置div元素得屬性以及屬性值,還可獲取div元素屬性得屬性值

代碼:

<div id="div" title="特別feiniaomy"></div><script> var title = $('#div').attr('title'); console.log(title);</script>

打印結果:

特別feiniaomy

 
(文/江鸞力)
免責聲明
本文僅代表作發布者:江鸞力個人觀點,本站未對其內容進行核實,請讀者僅做參考,如若文中涉及有違公德、觸犯法律的內容,一經發現,立即刪除,需自行承擔相應責任。涉及到版權或其他問題,請及時聯系我們刪除處理郵件:weilaitui@qq.com。
 

Copyright ? 2016 - 2025 - 企資網 48903.COM All Rights Reserved 粵公網安備 44030702000589號

粵ICP備16078936號

微信

關注
微信

微信二維碼

WAP二維碼

客服

聯系
客服

聯系客服:

在線QQ: 303377504

客服電話: 020-82301567

E_mail郵箱: weilaitui@qq.com

微信公眾號: weishitui

客服001 客服002 客服003

工作時間:

周一至周五: 09:00 - 18:00

反饋

用戶
反饋

主站蜘蛛池模板: 亚洲中文字幕久久精品无码a| 收集最新中文国产中文字幕| 特黄大片aaaaa毛片| 欧美激情xxxx| 夫前被强行侵犯在线观看| 国产在线精品一区二区夜色| 伊人天堂av无码av日韩av| 久久国产欧美日韩精品| 91九色蝌蚪porny| 美女精品永久福利在线| 欧美亚洲国产激情一区二区| 女人说疼男人越很里寨| 午夜电影成人福利| 久久天天躁狠狠躁夜夜avapp| 91大神精品在线观看| 波多野结衣AV一区二区全免费观看| 无码AV中文一区二区三区| 国产乱子伦视频大全| 久久久国产精品一区二区18禁 | 韩国演艺圈悲参39全集都有谁| 最新精品亚洲成a人在线观看| 国产成人黄网在线免| 久久精品国产精品亚洲毛片 | 艹逼视频免费看| 果冻传媒国产电影免费看| 国产清纯白嫩初高生在线观看 | 一级做a爰片欧美aaaa| 靠逼软件app| 日本一道高清一区二区三区| 四虎国产精品免费久久久| 一级特黄a免费大片| 瓮红电影三级在线播放| 性满足久久久久久久久| 免费精品久久天干天干| 丰满熟妇乱又伦| 精品国产污污免费网站入口| 天天干天天拍天天射| 亚洲春色第一页| 91精品免费久久久久久久久| 欧美不卡一区二区三区| 国精品无码一区二区三区在线蜜臀 |