Xóa nhiều thuộc tính JavaScript

Đúng như tên gọi của nó, phương thức removeAttr[] được sử dụng để xóa các thuộc tính khỏi phần tử. Phương pháp này được sử dụng để xóa thuộc tính đã chỉ định khỏi phần tử đã chọn. Nó là một phương thức sẵn có trong jQuery

cú pháp

Phương pháp này yêu cầu một tham số bắt buộc, được định nghĩa như sau

thuộc tính. Đó là tham số bắt buộc chỉ định một hoặc nhiều thuộc tính cần xóa khỏi phần tử. Chúng ta phải phân tách các tên thuộc tính bằng dấu cách nếu chúng ta phải xóa nhiều thuộc tính

Hãy xem một số ví dụ về việc sử dụng phương thức removeAttr[]

Ví dụ 1

Trong ví dụ này, có một số thành phần đoạn văn với class="jtp". Chúng tôi đang áp dụng phương thức removeAttr[] trên các phần tử đoạn có tên lớp tương ứng để xóa thuộc tính lớp. Ở đây, chúng tôi đang xóa một thuộc tính lớp khỏi các thành phần đoạn văn

Vì chúng ta đã tạo kiểu cho các đoạn này bằng cách sử dụng tên lớp, nên ở đầu ra, chúng ta có thể thấy rằng sau khi nhấp vào nút đã cho, kiểu của đoạn sẽ bị xóa do loại bỏ thuộc tính lớp

Kiểm tra nó ngay bây giờ

đầu ra

Sau khi thực thi đoạn mã trên, đầu ra sẽ là -

Sau khi nhấp vào nút đã cho, đầu ra sẽ là -

Ví dụ2

Trong ví dụ này, chúng tôi xóa nhiều thuộc tính khỏi phần tử. Ở đây, có hai phần tử div với id="d1", id="d2" có liên quan đến cùng một lớp class="jtp"

Vì chúng ta đã tạo kiểu cho các phần tử div này bằng cách sử dụng cả hai thuộc tính class và id, vì vậy ở đầu ra, chúng ta có thể thấy rằng sau khi nhấp vào nút đã cho, kiểu của các phần tử sẽ bị xóa do loại bỏ các thuộc tính class và id của chúng

Phương thức này được sử dụng để xóa thuộc tính đã chỉ định khỏi phần tử. Nó khác với phương thức removeAttributeNode[]. Phương thức removeAttributeNode[] xóa đối tượng Attr cụ thể, nhưng phương thức removeAttribute[] xóa thuộc tính có tên đã chỉ định

cú pháp

Giá trị tham số

tên thuộc tính. Đó là tham số bắt buộc chỉ định tên của thuộc tính cần xóa khỏi phần tử. Nếu thuộc tính không tồn tại, phương thức sẽ không tạo ra bất kỳ lỗi nào

Hãy để chúng tôi hiểu nó bằng cách sử dụng một số ví dụ

Ví dụ 1

Trong ví dụ này, có hai phần tử đoạn có id para và para1 thuộc cùng một lớp jtp. Ở đây, chúng tôi đang xóa thuộc tính lớp của các phần tử đoạn này. Chúng ta phải nhấp vào nút HTML đã cho để xem hiệu ứng

Kiểm tra nó ngay bây giờ

đầu ra

Sau khi thực thi đoạn mã trên, đầu ra sẽ là -

Sau khi nhấp vào nút đã cho, chúng ta sẽ thấy đầu ra sau -

Ví dụ2

Trong ví dụ này, có hai phần tử div với id là div1 và div2. Chúng tôi đang áp dụng thuộc tính style cho các phần tử div này

Ở đây, chúng tôi đang xóa thuộc tính kiểu của các phần tử div này. Chúng ta phải nhấp vào nút HTML đã cho để xem hiệu ứng

Kiểm tra nó ngay bây giờ

đầu ra

Sau khi thực hiện, đầu ra sẽ là -

Sau khi nhấp vào nút, đầu ra sẽ là -

Tương tự, chúng ta có thể sử dụng phương thức removeAttribute[] để xóa thuộc tính đích, thuộc tính căn chỉnh, thuộc tính chỉ đọc, v.v.

Thí dụ

Xóa thuộc tính lớp khỏi một

yếu tố

tài liệu. getElementsByTagName["H1"][0]. removeAttribution["lớp"];

Tự mình thử »

Xóa thuộc tính href khỏi phần tử

tài liệu. getElementById["myAnchor"]. removeAttribute["href"];

Tự mình thử »

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

Phương thức removeAttribute[] loại bỏ một thuộc tính khỏi một phần tử

Sự khác biệt giữa removeAttribute[] và removeAttributeNode[]

Phương thức removeAttribute[] loại bỏ một thuộc tính và không có giá trị trả về

Phương thức removeAttributeNode[] xóa một đối tượng Attr và trả về đối tượng đã xóa

Kết quả sẽ giống nhau

cú pháp

yếu tố. removeAttribute[tên]

Thông số

Thông sốTên mô tảBắt buộc
Tên của thuộc tính

Giá trị trả về

Hỗ trợ trình duyệt

element.removeAttribute[] là tính năng DOM Cấp 1 [1998]

Nó được hỗ trợ đầy đủ trong tất cả các trình duyệt

ChromeEdgeFirefoxSafariOperaIECóCóCóCóCó9-11

Một chuỗi chỉ định tên của thuộc tính cần xóa khỏi phần tử. Nếu thuộc tính được chỉ định không tồn tại, removeAttribute[] trả về mà không tạo ra lỗi

Không có [undefined]

Bạn nên sử dụng removeAttribute[] thay vì đặt giá trị thuộc tính thành null trực tiếp hoặc sử dụng setAttribute[]. Nhiều thuộc tính sẽ không hoạt động như mong đợi nếu bạn đặt chúng thành null

Làm cách nào để xóa nhiều thuộc tính trong JavaScript?

Bạn có thể thêm và xóa nhiều thuộc tính với sự trợ giúp của JQuery bằng cách sử dụng mã bên dưới. .

$[bộ chọn]. attr[] dùng để thêm thuộc tính vào phần tử HTML

$[bộ chọn]. removeAttr[] dùng để xóa các thuộc tính trong phần tử HTML

Làm cách nào để xóa thuộc tính trong js?

Phương thức removeAttribute[] xóa một thuộc tính và không có giá trị trả về. Phương thức removeAttributeNode[] xóa một đối tượng Attr và trả về đối tượng đã xóa. Kết quả sẽ giống nhau.

Làm cách nào để xóa nhiều thuộc tính trong jQuery?

Phương thức removeAttr[] là một phương thức có sẵn trong jQuery được sử dụng để xóa một hoặc nhiều thuộc tính khỏi các phần tử đã chọn.

Bạn có thể đặt nhiều thuộc tính trong JavaScript không?

Phương thức setAttribute[]” được xác định trước trong JavaScript được sử dụng để đặt một hoặc nhiều thuộc tính cho một phần tử . Để đặt nhiều thuộc tính trên một phần tử, trước tiên, hãy tạo một đối tượng chứa các thuộc tính ở dạng tên-giá trị. Lấy khóa của các đối tượng trong một mảng bằng cách sử dụng lệnh “Object.