JavaScript removeAttribute

Javascript இல் removeAttribute() method இங்கு ஒரு குறிப்பிட்ட html element இல் attribute ஐ remove செய்வதற்கு பயன்படுகிறது.

element.removeAttribute(name);

Note: இங்கு removeAttribute() method இல் இங்கு ஒரு குறிப்பிட்ட html element இல் attribute ஐ remove செய்வதற்கு பயன்படுகிறது. இங்கு நாம் remove செய்யவேண்டிய attribute இன் key ஆனது argument ஆக அனுப்பப்படுகிறது. எனவே நாம் கொடுக்கும் argument ஐ பொருத்து குறிப்பிட்ட attribute ஆனது remove செய்யப்படுகிறது.

Example1


<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>JS getAttribute() Demo</title>
</head>
<body>
    <button id="btnSend" name ="send">Send</button>
<script>
        let btnSend = document.querySelector('#btnSend');
        if (btnSend) {
           var res = btnSend.removeAttribute('name');
        }
</script>
</body>
</html>

மேலே உள்ள Example1-ஐ கவனிக்கவும் இங்கு html tag கள் கொடுக்கப்பட்டுள்ளது. இங்கு document.querySelector('#btnSend') என்ற method மூலமாக நாம் ஒரு குறிப்பிட்ட element ஐ select செய்து கொள்கிறோம். பிறகு அதனை btnSend என்ற variable இல் store செய்து கொள்கிறோம். இங்கு btnSend.removeAttribute('name') என்ற removeAttribute method மூலமாக இங்கு name என்ற attribute ஐ remove செய்கிறோம்.

Output: 

<button id="btnSend">Send</button>

Example2


<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>JS getAttribute() Demo</title>
</head>
<body>
    <button type="button" id="btnSend">Send</button>
<script>
        let btnSend = document.querySelector('#btnSend');
        if (btnSend) {
           var res = btnSend.removeAttribute('type');
        }
</script>
</body>
</html>

மேலே உள்ள Example2-ஐ கவனிக்கவும் இங்கு html tag கள் கொடுக்கப்பட்டுள்ளது. இங்கு document.querySelector('#btnSend') என்ற method மூலமாக நாம் ஒரு குறிப்பிட்ட element ஐ select செய்து கொள்கிறோம். பிறகு அதனை btnSend என்ற variable இல் store செய்து கொள்கிறோம். இங்கு btnSend.removeAttribute('type') என்ற removeAttribute method மூலமாக இங்கு type என்ற attribute ஐ remove செய்கிறோம்.

Output: 

<button id="btnSend">Send</button>

Comments