Đối với ngữ cảnh, tôi đang thu thập dữ liệu một trang bằng colly. Tôi muốn chuyển đổi các lớp tùy chỉnh thành
Heading
0 để có thể hiển thị chính xác. Tôi đã thử Heading
1 và nó không hoạt động và loại bỏ nhịp mà không thay thế bằng prec.OnHTML["span.e", func [e *colly.HTMLElement] {
e.DOM.ReplaceWith[""
]
}]
- Câu trả lời được chấp nhận
Câu trả lời được chấp nhận
Sử dụng hàm ReplaceWithHtml của goquery
Để làm điều này trong goquery, bạn có thể sử dụng hàm
Heading
0. Nó thay thế từng phần tử trong tập hợp các phần tử phù hợp bằng HTML được phân tích cú pháp. Nó trả về các phần tử đã loại bỏ Chúng ta có thể thay thế một phần tử DOM tại chỗ bằng JavaScript bằng cách lấy phần tử gốc của phần tử mà chúng ta muốn thay thế
Sau đó, chúng ta có thể gọi phương thức
Heading
2 trên đó để thay thế phần tử thay cho phần tử con hiện tại của cha mẹChẳng hạn, nếu chúng ta có HTML sau
hello world
Sau đó, chúng ta có thể thực hiện thay thế bằng cách viết
const div = document.querySelector["div"];
const span = document.createElement["span"];
span.innerHTML = "hello james";
div.parentNode.replaceChild[span, div];
Chúng tôi nhận được div với
Heading
3Sau đó, chúng tôi tạo một khoảng mà chúng tôi muốn thay thế div bằng
Heading
4Tiếp theo, chúng tôi đặt nội dung của khoảng bằng cách đặt thuộc tính
Heading
5Và cuối cùng, chúng tôi gọi
Heading
6 với Heading
7 và Heading
8 để thay thế div bằng spanBây giờ chúng ta sẽ thấy 'hello james' thay cho 'hello world'
Sử dụng phương thức thay thếWithMột cách dễ dàng hơn để thay thế một phần tử bằng một phần tử khác là sử dụng phương thức
const div = document.querySelector["div"];
const span = document.createElement["span"];
span.innerHTML = "hello james";
div.parentNode.replaceChild[span, div];
0Để sử dụng nó, chúng tôi viết
const div = document.querySelector["div"];
const span = document.createElement["span"];
span.innerHTML = "hello james";
div.replaceWith[span];
Ở dòng cuối cùng, chúng ta gọi
const div = document.querySelector["div"];
const span = document.createElement["span"];
span.innerHTML = "hello james";
div.parentNode.replaceChild[span, div];
1 bằng Heading
7 để thay thế Heading
8 bằng Heading
7Và chúng tôi nhận được kết quả tương tự như ví dụ trước
Chúng ta có thể thay thế một phần tử DOM tại chỗ bằng cách lấy nút cha của phần tử mà chúng ta muốn thay thế và gọi
Heading
2 trên nút chaHoặc chúng ta có thể gọi
const div = document.querySelector["div"];
const span = document.createElement["span"];
span.innerHTML = "hello james";
div.parentNode.replaceChild[span, div];
0 trên phần tử mà chúng ta muốn thay thế và chuyển vào phần tử mà chúng ta muốn thay thế làm đối số HTML DOM cho phép JavaScript thay đổi nội dung của các phần tử HTML
Thay đổi nội dung HTML
Cách dễ nhất để sửa đổi nội dung của phần tử HTML là sử dụng thuộc tính
Heading
5Để thay đổi nội dung của một phần tử HTML, hãy sử dụng cú pháp này
tài liệu. getElementById[id]. InternalHTML = HTML mới
Ví dụ này thay đổi nội dung của một
yếu tố
Thí dụ
Chào thế giới
Ví dụ giải thích
- Tài liệu HTML ở trên chứa một
phần tử có
4
hello world - Chúng tôi sử dụng HTML DOM để lấy phần tử có
4
hello world - Một JavaScript thay đổi nội dung [
5] của phần tử đó thành "Văn bản mới. "Heading
Ví dụ này thay đổi nội dung của một
Thí dụ
Ví dụ giải thích
- Tài liệu HTML ở trên chứa một phần tử có
7
hello world - Chúng tôi sử dụng HTML DOM để lấy phần tử có
7
hello world - JavaScript thay đổi nội dung [
5] của phần tử đó thành "Tiêu đề mới"Heading
Thay đổi giá trị của một thuộc tính
Để thay đổi giá trị của thuộc tính HTML, hãy sử dụng cú pháp này
tài liệu. getElementById[id]. thuộc tính = giá trị mới
Ví dụ này thay đổi giá trị của thuộc tính src của phần tử
const div = document.querySelector["div"];
const span = document.createElement["span"];
span.innerHTML = "hello james";
div.parentNode.replaceChild[span, div];
0Thí dụ
Ví dụ giải thích
- Tài liệu HTML ở trên chứa phần tử
const div = document.querySelector["div"];
0 với
const span = document.createElement["span"];
span.innerHTML = "hello james";
div.parentNode.replaceChild[span, div];
50Heading
- Chúng tôi sử dụng HTML DOM để lấy phần tử có
50Heading
- JavaScript thay đổi thuộc tính
52 của phần tử đó từ "smiley. gif" thành "phong cảnh. jpg"Heading
Nội dung HTML động
JavaScript có thể tạo nội dung HTML động
Thí dụ
tài liệu. viết[]
Trong JavaScript,
Heading
53 có thể được sử dụng để ghi trực tiếp vào luồng đầu ra HTMLThí dụ
bla bla bla
bla bla bla
Không bao giờ sử dụng
Heading
53 sau khi tải tài liệu. Nó sẽ ghi đè lên tài liệuKiểm tra bản thân với các bài tập
Tập thể dục
Sử dụng HTML DOM để thay đổi giá trị của thuộc tính src của hình ảnh
________số 8
Cung cấp câu trả lời "
Bắt đầu bài tập