Tệp CSS được sử dụng để mô tả cách các phần tử HTML sẽ được hiển thị. Có nhiều cách khác nhau để thêm tệp CSS vào tài liệu HTML. JavaScript cũng có thể được sử dụng để tải tệp CSS trong tài liệu HTML.
Tiếp cận
- sử dụng tài liệu. phương thức getElementsByTagName[] để lấy phần tử đầu HTML
- Tạo phần tử liên kết mới bằng phương thức createElement['link']
- Khởi tạo các thuộc tính của phần tử liên kết
- Nối phần tử liên kết vào phần đầu
ví dụ 1. Ví dụ này sử dụng JavaScript để thêm tệp CSS vào tài liệu HTML
- Tạo tệp CSS bằng cách sử dụng kiểu tên. css.
html
.GFG {
color:green;
}
- Sử dụng JavaScript để thêm tệp CSS.
jav
0
2
4
7
9 color:green;0color:green;1color:green;2
color:green;4
9 color:green;7color:green;8color:green;9
}1
}3____34}5
}8}9}5
3____44}5
7
9
1
2
3
5
6
7
đầu ra
ví dụ 2. Ví dụ này sử dụng JavaScript để thêm tệp CSS vào tài liệu HTML
- Tạo tệp CSS bằng cách sử dụng kiểu tên. css.
html
.GFG {
0
2
4
6
8
0
}
- Sử dụng JavaScript để thêm tệp CSS.
jav
0
2
4
color:green;4
9 color:green;7color:green;8color:green;9
}1
3}3____34}5
}8}9}5
3____44}5
08
10
12____21 14
1
2
3
20
6
7
đầu ra.
CSS là nền tảng của các trang web, được sử dụng để phát triển trang web bằng cách tạo kiểu trang web và ứng dụng web. JavaScript được biết đến nhiều nhất để phát triển trang web nhưng nó cũng được sử dụng trong nhiều môi trường không có trình duyệt. Bạn có thể tìm hiểu thêm về CSS và Javascript từ các liên kết dưới đây