JS getAttribute和setAttribute(取得和設(shè)置屬性)的使用介紹

更新時(shí)間：2013年07月10日 12:10:19 作者：

本篇文章是對JS中的getAttribute和setAttribute(取得和設(shè)置屬性)的使用進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以參考下

getAttribute：取得屬性；
setAttribute：設(shè)置屬性；

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Untitled Document</title>
        <script language="JavaScript">
            function change() {
                var input = document.getElementById("li1");
                alert(input.getAttribute("title"));
                input.setAttribute("title", "mgc");
                alert(input.getAttribute("title"));
            }
        </script>
    </head>
    <body>
        <ul id="u">
            <li id="li1" title="hello">Magci</li>
            <li>J2EE</li>
            <li>Haha!</li>
        </ul>
        <input type="button" value="Change" onClick="change();" />
    </body>
</html>

您可能感興趣的文章:

相關(guān)文章

webpack項(xiàng)目輕松混用css module的方法
這篇文章主要介紹了webpack項(xiàng)目輕松混用css module的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2018-06-06
ajax請求前端跨域問題原因及解決方案
這篇文章主要為大家介紹了ajax請求前端跨域問題原因及解決方案，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步
2021-10-10
JavaScript中new操作符使用詳解
new操作符是JavaScript中創(chuàng)建對象實(shí)例的重要方式,理解new操作符的工作原理對于掌握J(rèn)avaScript的面向?qū)ο缶幊讨陵P(guān)重要,本文將詳細(xì)介紹new操作符的原理及實(shí)現(xiàn),感興趣的小伙伴跟著小編一起來看看吧
2024-11-11
在 JavaScript 中保留小數(shù)點(diǎn)后兩位的方法
在 JavaScript 中,有多種方法可以保留小數(shù)點(diǎn)后兩位,本文給大家分享比較常用的方法,文末給大家介紹了實(shí)現(xiàn)數(shù)據(jù)格式化保留兩位小數(shù)的多種方法,感興趣的朋友一起看看吧
2023-10-10
uni-app集成使用SQLite數(shù)據(jù)庫的方法步驟
這篇文章主要介紹了uni-app集成使用SQLite數(shù)據(jù)庫的相關(guān)資料,包括勾選SQLite選項(xiàng)、封裝sqlite.js文件以及在使用時(shí)注意的事項(xiàng),文中通過圖文介紹的非常詳細(xì),需要的朋友可以參考下
2025-01-01
JavaScript MutationObserver實(shí)例講解
MutationObserver用來監(jiān)視DOM變動(dòng)。DOM的任何變動(dòng)，比如節(jié)點(diǎn)增減、屬性的變動(dòng)、文本內(nèi)容的變動(dòng)都會(huì)觸發(fā)MutationObserver事件，它與事件有一個(gè)本質(zhì)不同：事件是同步觸發(fā)，MutationObserver則是異步觸發(fā)，DOM的變動(dòng)并不會(huì)馬上觸發(fā)，而是要等到當(dāng)前所有DOM操作都結(jié)束才觸發(fā)
2022-12-12
JavaScript中的私有成員
JavaScript中的私有成員...
2006-09-09
JavaScript 隨機(jī)驗(yàn)證碼的生成實(shí)例代碼
這篇文章主要介紹了JavaScript 隨機(jī)驗(yàn)證碼的生成實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下
2016-09-09
微信小程序?qū)崿F(xiàn)底部導(dǎo)航
這篇文章主要為大家詳細(xì)介紹了微信小程序自定義底部導(dǎo)航，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-11-11
window.open()實(shí)現(xiàn)post傳遞參數(shù)
本文主要向大家介紹了如何使用window.open()實(shí)現(xiàn)post傳遞參數(shù)的方法，思路是參考的一位網(wǎng)友的，然后根據(jù)自己的項(xiàng)目需求做了些調(diào)整，這里同樣分享給大家，希望對大家能夠有所幫助。
2015-03-03