Hướng dẫn remove attribute javascript - loại bỏ javascript thuộc tính

Question

Phương thức

// Given: <div id="div1" align="left" width="200px">
document.getElementById("div1").removeAttribute("align");
// Now: <div id="div1" width="200px">

1

// Given: <div id="div1" align="left" width="200px">
document.getElementById("div1").removeAttribute("align");
// Now: <div id="div1" width="200px">

2 loại bỏ thuộc tính với tên được chỉ định khỏi phần tử.
// Given: <div id="div1" align="left" width="200px"> document.getElementById("div1").removeAttribute("align"); // Now: <div id="div1" width="200px">
2 removes the attribute with the specified name from the element.

Nội dung chính Show

Thông số
Giá trị trả về
Ghi chú sử dụng
Thông số kỹ thuật
Tính tương thích của trình duyệt web
Xóa thuộc tính HREF khỏi một phần tử:
Định nghĩa và cách sử dụng
Phương pháp <select class="form-control" id="petselect" name="petselect"> <?php foreach ($pest as $pet){ echo "<option value='".$pet->id."'>$pet->name</option>"; } ?> </select> 1 loại bỏ một đối tượng ATT và trả về đối tượng bị xóa.
Yêu cầu. Tên của thuộc tính.
Giới thiệu về phương thức removeAtiont () JavaScript ()
Thông số
Giá trị trả về
Ghi chú sử dụng
Bản tóm tắt

Cú pháp

removeAttribute(attrName)

Thông số

// Given: <div id="div1" align="left" width="200px">
document.getElementById("div1").removeAttribute("align");
// Now: <div id="div1" width="200px">

3

Một chuỗi chỉ định tên của thuộc tính để xóa khỏi phần tử. Nếu thuộc tính được chỉ định không tồn tại,

// Given: <div id="div1" align="left" width="200px">
document.getElementById("div1").removeAttribute("align");
// Now: <div id="div1" width="200px">

2 sẽ trả về mà không tạo ra lỗi.

Giá trị trả về

Ghi chú sử dụng

Bạn nên sử dụng

// Given: <div id="div1" align="left" width="200px">
document.getElementById("div1").removeAttribute("align");
// Now: <div id="div1" width="200px">

2 thay vì đặt giá trị thuộc tính thành

// Given: <div id="div1" align="left" width="200px">
document.getElementById("div1").removeAttribute("align");
// Now: <div id="div1" width="200px">

6 trực tiếp hoặc sử dụng

// Given: <div id="div1" align="left" width="200px">
document.getElementById("div1").removeAttribute("align");
// Now: <div id="div1" width="200px">

7. Nhiều thuộc tính sẽ không hoạt động như mong đợi nếu bạn đặt chúng thành

// Given: <div id="div1" align="left" width="200px">
document.getElementById("div1").removeAttribute("align");
// Now: <div id="div1" width="200px">

6.

Các phương thức DOM xử lý các thuộc tính của phần tử:

Ví dụ

// Given: <div id="div1" align="left" width="200px">
document.getElementById("div1").removeAttribute("align");
// Now: <div id="div1" width="200px">

Thông số kỹ thuật

Sự chỉ rõ
DOM Standard # ref-for-dom-removeattribution① # ref-for-dom-element-removeattribute①

Tính tương thích của trình duyệt web

Bảng BCD chỉ tải trong trình duyệt

Thí dụ

Xóa thuộc tính lớp khỏi một phần tử:

document.getelementsByTagName ("H1") [0] .RemoveAtTribution ("Class");

Hãy tự mình thử »

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

document.getEuityById ("MyAnchor"). RemoveAttribution ("href");

Hãy tự mình thử »

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

document.getEuityById ("MyAnchor"). RemoveAttribution ("href");

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

Phương thức

// Given: <div id="div1" align="left" width="200px">
document.getElementById("div1").removeAttribute("align");
// Now: <div id="div1" width="200px">

2 loại bỏ một thuộc tính khỏi một phần tử.

Sự khác biệt giữa removeAttribution () và removeAtributEnode ()

Phương thức

// Given: <div id="div1" align="left" width="200px">
document.getElementById("div1").removeAttribute("align");
// Now: <div id="div1" width="200px">

2 loại bỏ một thuộc tính và không có giá trị trả về.

Phương pháp <select class="form-control" id="petselect" name="petselect"> <?php foreach ($pest as $pet){ echo "<option value='".$pet->id."'>$pet->name</option>"; } ?> </select> 1 loại bỏ một đối tượng ATT và trả về đối tượng bị xóa.

Kết quả sẽ giống nhau.

Cú pháp

Element.RemoveAttribution (Tên)	Thông số
Tham số	Sự mô tả The name of the attribute.

Tên

Yêu cầu. Tên của thuộc tính.

Giá trị trả về

Hỗ trợ trình duyệt


`<select class="form-control" id="petselect" name="petselect"> <?php foreach ($pest as $pet){ echo "<option value='".$pet->id."'>$pet->name</option>"; } ?> </select>` 2 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:	Trình duyệt Chrome	I E	Bờ rìa	Firefox
Cuộc đi săn	Opera	Cuộc đi săn	Cuộc đi săn	Cuộc đi săn	Cuộc đi săn

Tôi có vấn đề trong việc xóa thuộc tính được chọn trong tùy chọn

Lựa chọn của tôi nằm trong phương thức khi tùy chọn tải trang của tôi được xây dựng động như thế này

 <select class="form-control" id="petselect" name="petselect">
          <?php
               foreach ($pest as $pet){
                    echo "<option value='".$pet->id."'>$pet->name</option>";
                }
          ?>
  </select>

Khi tôi chỉnh sửa biểu mẫu, phương thức sẽ hiển thị và tôi đã chọn pet-> id mặc định

<select class="form-control" id="petselect" name="petselect">
    <option value="1">pet1</option>
    <option value="2" selected="selected">pet2</option>
    <option value="3">pet3</option>
    <option value="4">pet4</option>
    <option value="5">pet5</option>
    <option value="6">pet6</option>
    <option value="7">pet7</option>
    <option value="8">pet8</option>
    <option value="9">pet9</option>
</select>

Bây giờ khi tôi thay đổi nó thành PET5 và gửi biểu mẫu qua AJAX và phương thức của tôi sẽ ẩn, khi tôi chỉnh sửa lại, tùy chọn PET5 đã chọn được hiển thị nhưng khi tôi xem nguồn thì đây trông giống như, 2 thuộc tính được chọn.

<select class="form-control" id="petselect" name="petselect">
    <option value="1">pet1</option>
    <option value="2" selected="selected">pet2</option>
    <option value="3">pet3</option>
    <option value="4">pet4</option>
    <option value="5" selected="selected">pet5</option>
    <option value="6">pet6</option>
    <option value="7">pet7</option>
    <option value="8">pet8</option>
    <option value="9">pet9</option>
</select>

Đây là JS của tôi để thêm thuộc tính đã chọn, khi tôi chỉnh sửa biểu mẫu

$('#petselect option')
  .filter(function() { return  $(this).val()  === petID; })
  .attr('selected',true);

và mã cho phương thức của tôi khi nó ẩn.

 $('#petselectmodal').on('hidden.bs.modal', function () {
                $('#petselect option:selected')
                .removeAttr('selected');
            });

Tóm tắt: Trong hướng dẫn này, bạn sẽ tìm hiểu cách sử dụng JavaScript

// Given: <div id="div1" align="left" width="200px">
document.getElementById("div1").removeAttribute("align");
// Now: <div id="div1" width="200px">

2 để xóa thuộc tính với tên được chỉ định khỏi phần tử.: in this tutorial, you will learn how to use the JavaScript

// Given: <div id="div1" align="left" width="200px">
document.getElementById("div1").removeAttribute("align");
// Now: <div id="div1" width="200px">

2 to remove the attribute with the specified name from the element.

Giới thiệu về phương thức removeAtiont () JavaScript ()

// Given: <div id="div1" align="left" width="200px">
document.getElementById("div1").removeAttribute("align");
// Now: <div id="div1" width="200px">

2 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ố

// Given: <div id="div1" align="left" width="200px">
document.getElementById("div1").removeAttribute("align");
// Now: <div id="div1" width="200px">

2 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, ____ 12 & nbsp; Phương pháp sẽ không gây ra lỗi.

Giá trị trả về

// Given: <div id="div1" align="left" width="200px">
document.getElementById("div1").removeAttribute("align");
// Now: <div id="div1" width="200px">

2 trả về giá trị

 <select class="form-control" id="petselect" name="petselect">
          <?php
               foreach ($pest as $pet){
                    echo "<option value='".$pet->id."'>$pet->name</option>";
                }
          ?>
  </select>

8.

Ghi chú sử dụng

Các phần tử HTML có một số thuộc tính là các thuộc tính boolean. Để đặt

 <select class="form-control" id="petselect" name="petselect">
          <?php
               foreach ($pest as $pet){
                    echo "<option value='".$pet->id."'>$pet->name</option>";
                }
          ?>
  </select>

9 thành các thuộc tính Boolean, bạn không thể chỉ cần sử dụng phương thức

// Given: <div id="div1" align="left" width="200px">
document.getElementById("div1").removeAttribute("align");
// Now: <div id="div1" width="200px">

7, nhưng bạn phải xóa hoàn toàn thuộc tính bằng phương thức

// Given: <div id="div1" align="left" width="200px">
document.getElementById("div1").removeAttribute("align");
// Now: <div id="div1" width="200px">

2.

Ví dụ: các giá trị của các thuộc tính

<select class="form-control" id="petselect" name="petselect">
    <option value="1">pet1</option>
    <option value="2" selected="selected">pet2</option>
    <option value="3">pet3</option>
    <option value="4">pet4</option>
    <option value="5">pet5</option>
    <option value="6">pet6</option>
    <option value="7">pet7</option>
    <option value="8">pet8</option>
    <option value="9">pet9</option>
</select>

2 là

<select class="form-control" id="petselect" name="petselect">
    <option value="1">pet1</option>
    <option value="2" selected="selected">pet2</option>
    <option value="3">pet3</option>
    <option value="4">pet4</option>
    <option value="5">pet5</option>
    <option value="6">pet6</option>
    <option value="7">pet7</option>
    <option value="8">pet8</option>
    <option value="9">pet9</option>
</select>

3 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ự, các giá trị của các thuộc tính

<select class="form-control" id="petselect" name="petselect">
    <option value="1">pet1</option>
    <option value="2" selected="selected">pet2</option>
    <option value="3">pet3</option>
    <option value="4">pet4</option>
    <option value="5">pet5</option>
    <option value="6">pet6</option>
    <option value="7">pet7</option>
    <option value="8">pet8</option>
    <option value="9">pet9</option>
</select>

4 sau đây là

<select class="form-control" id="petselect" name="petselect">
    <option value="1">pet1</option>
    <option value="2" selected="selected">pet2</option>
    <option value="3">pet3</option>
    <option value="4">pet4</option>
    <option value="5">pet5</option>
    <option value="6">pet6</option>
    <option value="7">pet7</option>
    <option value="8">pet8</option>
    <option value="9">pet9</option>
</select>

3:

<input type="text" readonly>
<textarea type="text" readonly="">
<textarea type="text" readonly="readonly">
Code language: HTML, XML (xml)

Ví dụ sau sử dụng phương thức

// Given: <div id="div1" align="left" width="200px">
document.getElementById("div1").removeAttribute("align");
// Now: <div id="div1" width="200px">

2 để xóa thuộc tính

<select class="form-control" id="petselect" name="petselect">
    <option value="1">pet1</option>
    <option value="2" selected="selected">pet2</option>
    <option value="3">pet3</option>
    <option value="4">pet4</option>
    <option value="5">pet5</option>
    <option value="6">pet6</option>
    <option value="7">pet7</option>
    <option value="8">pet8</option>
    <option value="9">pet9</option>
</select>

7 khỏi phần tử liên kết với ID

<select class="form-control" id="petselect" name="petselect">
    <option value="1">pet1</option>
    <option value="2" selected="selected">pet2</option>
    <option value="3">pet3</option>
    <option value="4">pet4</option>
    <option value="5">pet5</option>
    <option value="6">pet6</option>
    <option value="7">pet7</option>
    <option value="8">pet8</option>
    <option value="9">pet9</option>
</select>

8:

// Given: <div id="div1" align="left" width="200px">
document.getElementById("div1").removeAttribute("align");
// Now: <div id="div1" width="200px">

0

Làm thế nào nó hoạt động:

Chọn phần tử liên kết với ID

<select class="form-control" id="petselect" name="petselect">
    <option value="1">pet1</option>
    <option value="2" selected="selected">pet2</option>
    <option value="3">pet3</option>
    <option value="4">pet4</option>
    <option value="5">pet5</option>
    <option value="6">pet6</option>
    <option value="7">pet7</option>
    <option value="8">pet8</option>
    <option value="9">pet9</option>
</select>

8 bằng phương thức

<select class="form-control" id="petselect" name="petselect">
    <option value="1">pet1</option>
    <option value="2" selected="selected">pet2</option>
    <option value="3">pet3</option>
    <option value="4">pet4</option>
    <option value="5" selected="selected">pet5</option>
    <option value="6">pet6</option>
    <option value="7">pet7</option>
    <option value="8">pet8</option>
    <option value="9">pet9</option>
</select>

0.

Xóa thuộc tính

<select class="form-control" id="petselect" name="petselect">
    <option value="1">pet1</option>
    <option value="2" selected="selected">pet2</option>
    <option value="3">pet3</option>
    <option value="4">pet4</option>
    <option value="5">pet5</option>
    <option value="6">pet6</option>
    <option value="7">pet7</option>
    <option value="8">pet8</option>
    <option value="9">pet9</option>
</select>

7 bằng cách gọi

// Given: <div id="div1" align="left" width="200px">
document.getElementById("div1").removeAttribute("align");
// Now: <div id="div1" width="200px">

2 trên phần tử liên kết đã chọn.

Bản tóm tắt

Sử dụng

// Given: <div id="div1" align="left" width="200px">
document.getElementById("div1").removeAttribute("align");
// Now: <div id="div1" width="200px">

2 để loại bỏ một thuộc tính khỏi một phần tử được chỉ định.

Đặt giá trị của thuộc tính Boolean thành

 <select class="form-control" id="petselect" name="petselect">
          <?php
               foreach ($pest as $pet){
                    echo "<option value='".$pet->id."'>$pet->name</option>";
                }
          ?>
  </select>

9 sẽ không hoạt động;sử dụng phương pháp

// Given: <div id="div1" align="left" width="200px">
document.getElementById("div1").removeAttribute("align");
// Now: <div id="div1" width="200px">

2 thay thế.

Hướng dẫn này có hữu ích không?

programming javascript Remove attribute JavaScript jQuery remove attribute Set attribute JS setAttribute Add attribute JavaScript Remove id JavaScript

Hướng dẫn remove attribute javascript - loại bỏ javascript thuộc tính

Cú pháp

Thông số

Giá trị trả về

Ghi chú sử dụng

Ví dụ

Thông số kỹ thuật

Tính tương thích của trình duyệt web

Thí dụ

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

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

Phương pháp <select class="form-control" id="petselect" name="petselect"> <?php foreach ($pest as $pet){ echo "<option value='".$pet->id."'>$pet->name</option>"; } ?> </select> 1 loại bỏ một đối tượng ATT và trả về đối tượng bị xóa.

Cú pháp

Tên

Yêu cầu. Tên của thuộc tính.

Giới thiệu về phương thức removeAtiont () JavaScript ()

Thông số

Giá trị trả về

Ghi chú sử dụng

Bản tóm tắt

Bài Viết Liên Quan

MỚI CẬP NHẬP

Xem Nhiều

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội