XML DOM thay đổi giá trị của nút

nodeValue Thuộc tính được sử dụng để thay đổi giá trị của nút.

setAttribute() Phương pháp này được sử dụng để thay đổi giá trị thuộc tính.

Thay đổi giá trị của phần tử

Trong DOM, mọi thứ đều là nút. Các nút phần tử không có giá trị văn bản.

Giá trị văn bản của nút phần tử được lưu trữ trong nút con. Nó được gọi là nút văn bản.

để thay đổi giá trị văn bản của phần tử, phải thay đổi giá trị văn bản của nút văn bản của phần tử.

thay đổi giá trị văn bản nút

nodeValue thuộc tính có thể được sử dụng để thay đổigiá trị của văn bản nút.

mã dưới đây thay đổi giá trị văn bản của nút văn bản đầu tiên của phần tử <title>:

ví dụ 1

xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue = "thế giới ẩm thực"

Thử ngay bây giờ

Ví dụ giải thích:

  1. Giả sử books.xml được tải vào xmlDoc Trung
  2. lấy nút con đầu tiên của phần tử <title>
  3. thay đổi giá trị của văn bản nút này thành "thế giới ẩm thực"

ví dụ 2

thực hiện vòng lặp và thay đổi giá trị văn bản của tất cả các phần tử <title>:

for (i = 0; i < x.length; i++) {
    x[i].childNodes[0].nodeValue = "đã thay đổi văn bản";
}

Thử ngay bây giờ

thay đổi giá trị thuộc tính

Trong DOM, thuộc tính cũng là nút. Khác với phần tử nút, thuộc tính nút có giá trị văn bản.

cách thay đổi giá trị thuộc tính là thay đổi giá trị văn bản của nó.

có thể được sử dụng bằng cách setAttribute() phương pháp hoặc thuộc tính nút nodeValue để hoàn thành nhiệm vụ này.

sử dụng setAttribute() để thay đổi thuộc tính.

setAttribute() phương phápthiết lập giá trị của thuộc tính đã cóhoặctạo thuộc tính mới.

setAttribute() phương pháp có thể thay đổi giá trị của thuộc tính. Nếu thuộc tính đó không tồn tại, sẽ tạo một thuộc tính mới.

mã này thay đổi thuộc tính category của phần tử <book>:

ví dụ 1

xmlDoc.getElementsByTagName("book")[0].setAttribute("category","nấu ăn");

Thử ngay bây giờ

Ví dụ giải thích:

  1. Giả sử books.xml Đã được tải lên xmlDoc Trung
  2. lấy phần tử <book> đầu tiên
  3. thay đổi giá trị thuộc tính "category" thành "nấu ăn"

ví dụ 2

thực hiện vòng lặp qua tất cả các phần tử <title> và thêm thuộc tính mới:

x = xmlDoc.getElementsByTagName('title');
for (i = 0; i < x.length; i++) { 
    x[i].setAttribute("edition","第一版");    
}

Thử ngay bây giờ

Lưu ý:nếu thuộc tính đó không tồn tại, sẽ tạo một thuộc tính mới (có tên và giá trị đã chỉ định).

sử dụng nodeValue để thay đổi thuộc tính.

nodeValue thuộc tính làgiá trị của thuộc tính nút..

thay đổi nodeValue thuộc tính có thể thay đổi giá trị của thuộc tính.

thực tế

xmlDoc.getElementsByTagName("book")[0].getAttributeNode("category").nodeValue = "烹饪";

Thử ngay bây giờ

Ví dụ giải thích:

  1. Giả sử books.xml Đã được tải lên xmlDoc Trung
  2. Lấy thuộc tính "category" của phần tử <book> đầu tiên
  3. Thay đổi giá trị của thuộc tính của nút thuộc tính thành "Nấu ăn"