二維碼
企資網

掃一掃關注

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

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

反饋

用戶
反饋

主站蜘蛛池模板: 久久99精品久久久久久水蜜桃| 国产亚洲AV人片在线观看| 国产成人午夜片在线观看 | 制服丝袜在线不卡| 中文字幕成人免费高清在线视频| 2019亚洲午夜无码天堂| 欧美性狂猛xxxxxbbbbb| 成人区人妻精品一区二区不卡 | www永久免费视频| 疯狂做受xxxx高潮视频免费| 日本一道综合久久aⅴ免费| 国产精品.XX视频.XXTV| 乱码一乱码二乱码三新区| 91国在线视频| 欧美人善交videosg| 国内精品久久久久久无码不卡| 又爽又黄又无遮挡的视频在线观看| 中文字幕三级电影| 超污视频在线看| 最近中文字幕免费完整国语| 国产恋夜精品全部护士| 亚洲人成影院77777| 91啦在线视频| 李宗60集奇奥网全集| 国产精品无码AV天天爽播放器| 伊人国产在线播放| 99re国产视频| 激情五月亚洲色图| 97影院九七理论片男女高清| 亚洲男人天堂影院| 国产国产人精品视频69| 污污的小说片段| 老司机在线精品| 日韩精品无码人成视频手机| 国产精品亚洲综合天堂夜夜| 亚洲综合无码AV一区二区| 24小时免费看片| 欧美日韩一区二区三区在线视频| 国产真实露脸精彩对白| 久久99精品久久久久久青青日本| 精品人妻av无码一区二区三区|