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

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 targetclass của Element này. Và kết quả:

Hướng dẫn dùng removeattribute 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.

Viết bởi Kiyoshi. Đã đăng ký bản quyền tác giả tại <a title="Bạn được tự do chia sẻ bài viết nhưng phải để lại đường link bài viết từ laptrinhcanban.com. Bạn không được sử dụng tài liệu cho mục đích thương mại. Không được phép chỉnh sửa nội dung được phát hành trên website của chúng tôi" style="color:#fff;background-color:silver" rel="license noopener" target="_blank" href="https://creativecommons.org/licenses/by-nc-nd/4.0/">Creativecommons</a>&nbsp;và <a title="Bạn được tự do chia sẻ bài viết nhưng phải để lại đường link bài viết từ laptrinhcanban.com. Bạn không được sử dụng tài liệu cho mục đích thương mại. Không được phép chỉnh sửa nội dung được phát hành trên website của chúng tôi" style="color:#fff;background-color:silver" target="_blank" rel="noopener" href="https://www.dmca.com/Protection/Status.aspx?ID=1631afcd-7c4a-467d-8016-402c5073e5cd" class="dmca-badge">DMCA</a><script src="https://images.dmca.com/Badges/DMCABadgeHelper.min.js">

Bài viết liên quan

Hãy chia sẻ và cùng lan tỏa kiến thức lập trình Nhật Bản tại Việt Nam!

HOME>> >>

Profile
Hướng dẫn dùng removeattribute javascript trong PHP

Tác giả : Kiyoshi (Chis Thanh)

Kiyoshi là một cựu du học sinh tại Nhật Bản. Sau khi tốt nghiệp đại học Toyama năm 2017, Kiyoshi hiện đang làm BrSE tại Tokyo, Nhật Bản.