Document.body trong Javascript
Trong bài này freetuts sẽ giới thiệu thuộc tính document.body trong javascript, document.body javascript giúp thiết lập nội dung tài liệu html cho thẻ body.
![banquyen png](https://freetuts.net/public/banquyen.png)
Bài viết này được đăng tại freetuts.net, không được copy dưới mọi hình thức.
Cú pháp document.body javascript
Một vài lưu ý:
- Thuộc tính body được sử dụng để lấy hoặc thiết lập nội dung cho thẻ body, phần thân của trang tài liệu.
- Khi muốn lấy thông tin, thuộc tính này sẽ trả về thẻ body của trang hiện tại.
- Khi muốn thiết lập nôi dung, thuộc tính này sẽ ghi đè lên tất cả các thẻ con nằm trong thẻ body, và thay thế chúng bằng những thẻ mới.
- Sự khác biệt giữa thuộc tính body và thuộc tính document.documentElement là trong khi
document.body
chỉ trả về thẻ body thìdocument.documentElement
sẽ trả về thẻ html.
Khi Muốn lấy nội dung:
let html_body = document.body
khi muốn thiết lập nội dung:
Bài viết này được đăng tại [free tuts .net]
document.body = newContent
Ví dụ về document.body javascript
Ví dụ 1: Sử dụng thuộc tính body để lấy và đổi màu nên cho phần thân trang:
Code
RUN
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> </style> </head> <body> <h1>Học lập trình miễn phí tại freetuts.net</h1> <p>Đây là nội dung của trang...</p> <button onclick="myFunction()">Xem kết quả</button> <p id="result"></p> <script> function myFunction(){ document.body.style.backgroundColor = "yellow"; } </script> </body> </html>
Ví dụ 2: Sử dụng thuộc tính body để thiết lập lại nội dung cho thẻ body:
Code
RUN
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> </style> </head> <body> <h1>Học lập trình miễn phí tại freetuts.net</h1> <p>Đây là nội dung của trang...</p> <button onclick="myFunction()">Xem kết quả</button> <p id="result"></p> <script> function myFunction(){ document.body.innerHTML = "<p>Đây là nội dung của trang sau khi đã sửa lại...</p> "; } </script> </body> </html>
Trên là cách sử dụng thuộc tính document.body trong javascript.