Hướng dẫn dùng removeattr javascript trong PHP

Trang chủ
Tham khảo
jQuery
jQuery - function
.removeAttr()

Nội dung chính Show

Định nghĩa và sử dụng
Cấu trúc
.removeAttr('Tên thuộc tính')
removeAttribute trong JavaScript
Xoá thuộc tính của Element bằng removeAttribute
Tổng kết

Định nghĩa và sử dụng

.removeAttr(): Loại bỏ các thuộc tính (attr) có bên trong thành phần.

Cấu trúc

Đã được thêm vào từ phiên bản 1.0

.removeAttr('Tên thuộc tính')

Html viết:





Tiêu đề





Thành phần div

Hiển thị trình duyệt:

Ta thấy thuộc tính class đã bị loại bỏ khỏi thành phần div.

So sánh code HTML trước và sau khi có jQuery:

Trước khi có jQuery

Sau khi có jQuery

Thành phần div

Hướng dẫn cách sử dụng removeAttribute trong JavaScript. Bạn sẽ biết cách sử dụng phương thức removeAttribute để xoá thuộc tính chỉ định của một Element sau bài học này.

removeAttribute trong JavaScript

removeAttribute trong JavaScript là một phương thức của Element Object, có tác dụng xoá thuộc tính chỉ định của một Element.

Cú pháp sử dụng thuộc tính removeAttribute trong JavaScript để xoá thuộc tính của Element như sau:

element.removeAttribute(attrName)

Trong đó attrName là tên thuộc tính cần xoá giá trị từ element ban đầu.

Phương thức removeAttribute sẽ xoá đi thuộc tính chỉ định, và nếu như thuộc tính đó chưa thiết lập giá trị, thì sẽ không có gì xảy ra cả.

Ví dụ, chúng ta có thể xoá thuộc tính class của Element chỉ định với cách viết sau:

let element = document.getElementById('box');
element.removeAttribute('class');

Xoá thuộc tính của Element bằng removeAttribute

Hãy cùng xem cách dùng removeAttribute để xoá thuộc tính của một Element như sau:

html>
<html lang="vi">
<head>
<meta charset="UTF-8">
<title>Ví dụ minh hoạ cách dùng removeAttribute title>
head>
<body>

<p>Kế hoạch mua sắmp>

<div id="box">
  <a href="http://www.example.com/" target="_blank">Websitea>
  <p>Shop mẹ và bép>
div>

<button onClick="getElements();">Xoá thuộc tínhbutton>

<script>
function getElements(){
    let element = document.getElementById('box').children[0];
    element.removeAttribute('target');
    element.removeAttribute('class');
}
script>
body>
html>

Trong mã HTML ở trên, sau khi click vào nút thì Element con đầu tiên của Element có thuộc tính id="box" sẽ được lấy thông qua phương thức getElementById. Sau đó bằng cách dùng phương thức setAttribute, chúng ta đã xoá đi giá trị của các thuộc tính target và class của Element này. Và kết quả:

Hướng dẫn dùng removeattr javascript trong PHP

Xem thêm: getElementById trong JavaScript

Tổng kết

Trên đây Kiyoshi đã hướng dẫn bạn cách sử dụng removeAttribute trong JavaScript để xoá giá trị thuộc tính của một Element rồi. Để nắm rõ nội dung bài học hơn, bạn hãy thực hành viết lại các ví dụ của ngày hôm nay nhé.

Và hãy cùng tìm hiểu những kiến thức sâu hơn về JavaScript trong các bài học tiếp theo.

Hướng dẫn dùng removeattr javascript trong PHP

Định nghĩa và sử dụng

Cấu trúc

.removeAttr('Tên thuộc tính')

Html viết:

Hiển thị trình duyệt:

So sánh code HTML trước và sau khi có jQuery:

removeAttribute trong JavaScript

Xoá thuộc tính của Element bằng removeAttribute

Tổng kết

Bài Viết Liên Quan

Quảng Cáo

Có thể bạn quan tâm

Toplist được quan tâm

Quảng cáo

Xem Nhiều

Quảng cáo

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội