Bài đăng này sẽ thảo luận về cách lấy tên lớp của một phần tử bằng JavaScript và jQuery … Một giải pháp đơn giản và khá hiệu quả để nhận giá trị của thuộc tính lớp của một phần tử là sử dụng phương thức .attr () của jQuery.
Bạn đang xem : javascript lấy tên lớp
Bài đăng này sẽ thảo luận về cách lấy tên lớp của một phần tử trong JavaScript và jQuery. < / p>
1. Sử dụng jQuery
Một giải pháp đơn giản và khá hiệu quả để nhận giá trị thuộc tính lớp của phần tử là sử dụng phương thức . attr () của jQuery. Phương pháp này được minh họa dưới đây:
jQuery
1
2
3
4
$
(
< p class = "c-r"> tài liệu
)
.
sẵn sàng
(
chức năng
(
)
{
var
className
=
$
(
‘# container’
)
.
attr
(
‘class’
)
;
< / p>
alert
(
className
)
;
}
)
;
HTML
1
& lt; div
id
=
“container”
class
=
“some-class”
& gt;
& lt; / div & gt;
CSS
1
2
3
. some-class
{
font
:
15px
‘Exo 2’
,
sans -serif
;
}
Chỉnh sửa trong JSFiddle
Ngoài ra, bạn có thể truy cập trực tiếp thuộc tính className , thuộc tính này đại diện cho nội dung của thuộc tính lớp của phần tử.
jQuery
1
2
3
4
$
(
< p class = "c-r"> tài liệu
)
.
sẵn sàng
(
chức năng
(
)
{
var
className
=
$
(
‘# container’
)
[
0
]
.
className
;
< / p>
alert
(
className
)
;
}
)
;
HTML
1
& lt; div
id
=
“container”
class
=
“some-class”
& gt;
& lt; / div & gt;
CSS
1
2
3
. some-class
{
font
:
15px
‘Exo 2’
,
sans -serif
;
}
Chỉnh sửa trong JSFiddle
2. Sử dụng JavaScript
Trong JavaScript thuần túy, bạn có thể nhận giá trị của thuộc tính lớp của phần tử được chỉ định với thuộc tính className , như được hiển thị bên dưới:
JS
1
2
var
className
=
tài liệu
.
getElementById
(
‘container’
)
.
className
;
alert
(
className
)
;
HTML
1
& lt; div
id
=
“container”
class
=
“some-class”
& gt;
& lt; / div & gt;
CSS
1
2
3
. some-class
{
font
:
15px
‘Exo 2’
,
sans -serif
;
}
Chỉnh sửa trong JSFiddle
Ngoài ra, bạn có thể sử dụng phương thức querySelector () như bên dưới.
JS
1
2
const
{
className
}
=
document
.
querySelector
(
‘# container’
)
;
alert
(
className
)
;
HTML
1
& lt; div
id
=
“container”
class
=
“some-class”
& gt;
& lt; / div & gt;
CSS
1
2
3
. some-class
{
font
:
15px
‘Exo 2’
,
sans -serif
;
}
Chỉnh sửa trong JSFiddle
Đó là tất cả về việc lấy tên lớp của một phần tử trong JavaScript và jQuery.
Xem thêm những thông tin liên quan đến chủ đề javascript lấy tên lớp
JavaScript DOM Tutorial #3 – Get Elements By Class or Tag
- Tác giả: The Net Ninja
- Ngày đăng: 2017-08-16
- Đánh giá: 4 ⭐ ( 6704 lượt đánh giá )
- Khớp với kết quả tìm kiếm: Hey gang, in this JavaScript DOM tutorial, I’ll show youhow we can query the DOM for elements with a certain class name, or tag name. The methods we’ll use are:
– getElementsByTagName()
– getElementsByClassName()—– COURSE LINKS:
+ Atom editor – https://atom.io/a
+ GitHub Repo – https://github.com/iamshaunjp/JavaScript-DOM-Tutorial———————————————————————————————
Other tutorials:—– JAVASCRIPT FOR BEGINNERS:
https://www.youtube.com/playlist?list=PL4cUxeGkcC9i9Ae2D9Ee1RvylH38dKuET—– CSS FOR BEGINNERS:
https://www.youtube.com/playlist?list=PL4cUxeGkcC9gQeDH6xYhmO-db2mhoTSrT—– NODE.JS TUTORIALS
https://www.youtube.com/playlist?list=PL4cUxeGkcC9gcy9lrvMJ75z9maRw4byYp—– SUBSCRIBE TO CHANNEL – https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg?sub_confirmation=1
============== The Net Ninja =====================
For more front-end development tutorials & to black-belt your coding skills, head over to – https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg or http://thenetninja.co.uk
================== Social Links ==================
Twitter – @TheNetNinja – https://twitter.com/thenetninjauk
JavaScript getElementsByClassName: Chọn các đối tượng bằng tên lớp
- Tác giả: www.javascriptbank.com
- Đánh giá: 5 ⭐ ( 7702 lượt đánh giá )
- Khớp với kết quả tìm kiếm: Một hàm JavaScript đơn giản để cung cấp khả năng chọn các đối tượng HTML thông qua tên lớp c…JavaScript getElementsByClassName: Chọn các đối tượng bằng tên lớp – getElementsByClassName: Chọn các đối tượng bằng tên lớp – Ngôn ngữ: tiếng Việt
Javascript: Làm thế nào để chỉ lấy một phần tử theo tên lớp?
- Tác giả: vi.pinlivingcolor.com
- Đánh giá: 3 ⭐ ( 9825 lượt đánh giá )
- Khớp với kết quả tìm kiếm: Làm cách nào để chỉ nhận một phần tử DOM theo tên lớp? Tôi đoán rằng cú pháp nhận các phần tử theo tên lớp là getElementsByClassName, nhưng tôi không chắc nó sẽ trả về bao nhiêu phần tử.
Tìm hiểu class trong Javascript
- Tác giả: viblo.asia
- Đánh giá: 3 ⭐ ( 3465 lượt đánh giá )
- Khớp với kết quả tìm kiếm: 1. Class là gì? Trong lập trình hướng đối tượng, class hay còn gọi là lớp được sử dụng để tạo đối tượng có thuộc tính (attribute) và phương thức (method). Từ phiên bản ECMAScript 6 thì JavaSript hỗ tr…
Cách lấy tên thuộc tính của Object trong JavaScript
- Tác giả: hocjavascript.net
- Đánh giá: 4 ⭐ ( 4015 lượt đánh giá )
- Khớp với kết quả tìm kiếm: Đôi khi, chúng ta muốn lấy tên của các thuộc tính trong một đối tượng JavaScript.
Cách tạo class trong Javascript (Hướng đối tượng OOP ES6)
- Tác giả: freetuts.net
- Đánh giá: 3 ⭐ ( 6092 lượt đánh giá )
- Khớp với kết quả tìm kiếm: Class trong javascript là một kỹ thuật giúp ta tạo ra các lớp mẫu chương trình để thể hiện cho các đối tượng. Qua đó, ta có thể thêm thuộc tính và phương thức
Javascript: phương thức getElementsByClassName()
- Tác giả: www.daipho.com
- Đánh giá: 5 ⭐ ( 6687 lượt đánh giá )
- Khớp với kết quả tìm kiếm: Phương thức getElementsByClassName() trả về một tập hợp tất cả các phần tử trong tài liệu với tên lớp được chỉ định, giá trị trả về như một đối tượng
Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình