JavaScript DOM操作案例移除元素的自定義屬性


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        div {
            width: 200px;
            height: 200px;
            background-color: pink;
        }
        .cls {
            background-color: deeppink;
        }
    </style>
</head>
<body>
<input type="button" value="移除屬性" id="bt"/>
<div score = "10" id="dv" class="cls"></div>
<script src="common.js"></script>
<script>
    //點擊按鈕移除元素的自定義屬性
    my$("bt").onclick = function () {
        my$("dv").removeAttribute("score");
        //移除元素的類樣式
        //值沒有了但是屬性還有
        my$("dv").className = "";
        //也可以移除元素自帶的屬性
        my$("dv").removeAttribute("class");
    };
</script>
</body>
</html>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM