Tóm lược. trong hướng dẫn này, bạn sẽ học cách sử dụng JavaScript removeAttribute() để xóa thuộc tính có tên đã chỉ định khỏi phần tử
Giới thiệu về phương thức removeAttribute() của JavaScript
removeAttribute() xóa một thuộc tính có tên được chỉ định khỏi một phần tử
element.removeAttribute(name);
Code language: CSS (css)Thông số
removeAttribute() chấp nhận một đối số là tên của thuộc tính mà bạn muốn xóa. Nếu thuộc tính không tồn tại, phương thức _______ 12 ______ sẽ không gây ra lỗi
Giá trị trả về
removeAttribute() trả về giá trị là
<button disabled>Save Draft</button> <button disabled="">Save</button> <button disabled="disabled">Cancel</button>
Code language: HTML, XML (xml)0ghi chú sử dụng
Các phần tử HTML có một số thuộc tính là thuộc tính Boolean. Để đặt
<button disabled>Save Draft</button> <button disabled="">Save</button> <button disabled="disabled">Cancel</button>
Code language: HTML, XML (xml)1 thành thuộc tính Boolean, bạn không thể chỉ sử dụng phương pháp<button disabled>Save Draft</button> <button disabled="">Save</button> <button disabled="disabled">Cancel</button>
Code language: HTML, XML (xml)2 mà bạn phải loại bỏ hoàn toàn thuộc tính bằng phương pháp removeAttribute()Ví dụ: giá trị của thuộc tính
<button disabled>Save Draft</button> <button disabled="">Save</button> <button disabled="disabled">Cancel</button>
Code language: HTML, XML (xml)4 là<button disabled>Save Draft</button> <button disabled="">Save</button> <button disabled="disabled">Cancel</button>
Code language: HTML, XML (xml)5 trong các trường hợp sau<button disabled>Save Draft</button> <button disabled="">Save</button> <button disabled="disabled">Cancel</button>
Code language: HTML, XML (xml)Tương tự, giá trị của các thuộc tính
<button disabled>Save Draft</button> <button disabled="">Save</button> <button disabled="disabled">Cancel</button>
Code language: HTML, XML (xml)6 sau đây là<button disabled>Save Draft</button> <button disabled="">Save</button> <button disabled="disabled">Cancel</button>
Code language: HTML, XML (xml)5<input type="text" readonly> <textarea type="text" readonly=""> <textarea type="text" readonly="readonly">
Code language: HTML, XML (xml)Ví dụ về JavaScript removeAttribute()
Ví dụ sau sử dụng phương thức removeAttribute() để xóa thuộc tính
<input type="text" readonly> <textarea type="text" readonly=""> <textarea type="text" readonly="readonly">
Code language: HTML, XML (xml)0 khỏi phần tử liên kết có id<input type="text" readonly> <textarea type="text" readonly=""> <textarea type="text" readonly="readonly">
Code language: HTML, XML (xml)1