Lấy văn bản từ Internalhtml
|
- Trong HTML, việc hiển thị nội dung gì đó lên màn hình thật đơn giản, ta chỉ cần nhập trực tiếp nội dung muốn hiển thị là xong (Xem ví dụ) Show - Còn đối với JavaScript thì không được hỗ trợ hiển thị dữ liệu trực tiếp giống như trong HTML, mà phải thông qua một phương thức (Xem ví dụ) - Dưới đây là ba cách sử dụng cơ bản để hiển thị nội dung lên màn hình trong JavaScript
1) Sử dụng alert()- Khi sử dụng alert(), nội dung mà bạn muốn hiển thị sẽ được hiển thị bên trong hộp thoại thông báo (Vui lòng bấm vào đây nếu bạn chưa biết "hộp thoại thông báo" trông như thế nào) - Cú pháp Hiển thị câu "Web Tài Liệu Học Lập Trình" trong hộp thoại thông báo 2) Sử dụng tài liệu. viết()- Khi sử dụng tài liệu. write(), nội dung mà bạn muốn hiển thị sẽ được hiển thị đúng vị trí mà nó được đặt trong trang web - Cú pháp - Nếu sau khi trang web đã tải xong mà ta sử dụng lại tài liệu. write() thì tất cả nội dung nằm bên trong phần tử sẽ được thay thế bởi nội dung mà bạn muốn hiển thị 3) Sử dụng tài liệu. getElementById(). bên trongHTML- Khi sử dụng tài liệu. getElementById(). innerHTML, nội dung mà bạn muốn hiển thị sẽ được hiển thị bên trong một phần tử xác định - Cú pháp Hiển thị dòng chữ "CSS tài liệu học" bên trong phần tử có id là skud - Lưu ý. Sau khi sử dụng tài liệu. getElementById(). innerHTML, nội dung mà bạn muốn hiển thị sẽ thay thế tất cả nội dung cấm đầu của phần tử Tất cả nội dung bên trong phần tử có id là skud sẽ bị thay thế bởi câu "Lập Trình Web" 4) Một vài vấn đề trong việc viết nội dung muốn hiển thị- Nếu nội dung mà bạn muốn hiển thị là một chuỗi ký tự, thì chuỗi ký tự đó phải được đặt bên trong cặp dấu nháy kép hoặc cặp dấu nháy đơn - Nếu nội dung mà bạn muốn hiển thị là một số, thì số đó có thể đặt (hoặc không đặt) bên trong cặp dấu nháy kép hoặc cặp dấu nháy đơn - Nếu chuỗi ký tự được đặt bên trong cặp dấu nháy đơn thì chuỗi đó không được chứa các ký tự là dấu nháy đơn (tuy nhiên nó được phép chứa các ký tự là dấu nháy kép) Để chèn HTML vào tài liệu thay vì thay thế nội dung của một phần tử, hãy sử dụng phương thức Giá trịMột chuỗi chứa tuần tự hóa HTML của hậu duệ của phần tử. Đặt giá trị của ngoại lệBị ném nếu cố gắng đặt giá trị của Bị loại bỏ nếu cố gắng chèn HTML vào một nút có nút gốc là một ghi chú sử dụngThuộc tính Đọc nội dung HTML của một phần tửViệc đọc Điều này cho phép bạn xem đánh dấu HTML của các nút nội dung của phần tử Ghi chú. Đoạn HTML hoặc XML được trả về được tạo dựa trên nội dung hiện tại của phần tử, do đó, đánh dấu và định dạng của đoạn được trả về có khả năng không khớp với đánh dấu trang gốc Thay thế nội dung của một phần tửĐặt giá trị của Ghi chú. Đây là rủi ro bảo mật nếu chuỗi được chèn có thể chứa nội dung độc hại tiềm ẩn. Khi chèn dữ liệu do người dùng cung cấp, bạn phải luôn cân nhắc sử dụng Ví dụ: bạn có thể xóa toàn bộ nội dung của tài liệu bằng cách xóa nội dung của thuộc tính Ví dụ này tìm nạp đánh dấu HTML hiện tại của tài liệu và thay thế các ký tự chi tiết hoạt độngChính xác thì điều gì sẽ xảy ra khi bạn đặt giá trị là
Nối thêm HTML vào một phần tửĐặt giá trị của Ví dụ: chúng tôi có thể nối một mục danh sách mới ( HTMLJavaScriptXin lưu ý rằng việc sử dụng Cân nhắc về Bảo mậtKhông có gì lạ khi thấy Mặc dù điều này có vẻ giống như một cuộc tấn công kịch bản chéo trang, nhưng kết quả là vô hại. HTML chỉ định rằng thẻ Tuy nhiên, có nhiều cách để thực thi JavaScript mà không cần sử dụng các phần tử Vì lý do đó, bạn nên sử dụng thay vì
Cảnh báo. Nếu dự án của bạn là dự án sẽ trải qua bất kỳ hình thức đánh giá bảo mật nào, việc sử dụng ví dụVí dụ này sử dụng JavaScriptHàm Chúng tôi thêm một phương thức thứ hai ghi lại thông tin về các sự kiện dựa trên Sau đó, chúng tôi sử dụng điều này làm trình xử lý sự kiện cho một số sự kiện chuột trên hộp chứa nhật ký của chúng tôi HTMLHTML khá đơn giản cho ví dụ của chúng tôi CSSCSS sau tạo kiểu cho nội dung ví dụ của chúng tôi Kết quảNội dung kết quả trông như thế này. Bạn có thể xem đầu ra trong nhật ký bằng cách di chuyển chuột vào và ra khỏi hộp, nhấp vào hộp đó, v.v. |
