二維碼
企資網

掃一掃關注

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

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

反饋

用戶
反饋

主站蜘蛛池模板: 公车上玩两个处全文阅读| 亚裔玉videoshd和黑人| 国产尤物在线视精品在亚洲| 喷出巨量精子系列在线观看| 亚洲国产精久久久久久久| 中文字幕一区二区三区乱码| 中文字幕不卡一区| 色噜噜亚洲男人的天堂| 色欲精品国产一区二区三区AV| 欧美综合自拍亚洲综合图片区| 放荡的女老板bd中文在线观看| 国产精品国产三级国产专不∫ | 欧美亚洲国产精品久久| 少妇无码太爽了在线播放 | 日本永久免费a∨在线视频| 国产美女在线精品观看| 免费观看无遮挡www的小视频| 久久精品视频7| 91制片厂果冻传媒白晶晶| 粉嫩大学生无套内射无码卡视频| 日本高清一本视频| 国产熟睡乱子伦视频| 亚洲第一网站男人都懂| 一区五十路在线中出| 豆奶视频大全免费下载| 最新国产在线拍揄自揄视频| 国产精选之刘婷野战| 亚洲乱码一区二区三区在线观看| 999久久久免费精品播放| 精品久久久久久久九九九精品| 成年人在线播放| 国产一级毛片高清视频完整版| 五月天丁香久久| 欧美又粗又长又爽做受| 欧美换爱交换乱理伦片免费观看 | 在线免费观看一级片| 六月天丁香婷婷| 99国产在线播放| 特级xxxxx欧美| 天堂√在线中文最新版8| 免费无码午夜福利片69|