Lấy element trong DOM | Get element methods
👉 Xem Lộ Trình Học: fullstack.edu.vn/learning-paths
👉 Đăng Ký Học Offline Tại F8: short.f8team.dev/dang-ky-hoc-...
Ở bài học này mình sẽ hướng dẫn các bạn cách lấy element trong DOM | Get element methods
#hoclaptrinh #hoclaptrinhmienphi #javascript #frontend #backend #devops #f8
----
☻ Phần mềm sử dụng trong video:
Công cụ dịch Tiếng Anh: bit.ly/2Wsuhet
Công cụ đo đạc giao diện web: s.net.vn/D8kL
Công cụ viết CV xin việc chuyên nghiệp: mycv.vn
--------------
☻ Khóa học lập trình web MIỄN PHÍ:
Kiến thức nhập môn: fullstack.edu.vn/courses/less...
Xây dựng giao diện với HTML, CSS: fullstack.edu.vn/courses/html...
Xây dựng web responsive: fullstack.edu.vn/courses/resp...
Lập trình Javascript cơ bản: fullstack.edu.vn/courses/java...
Lập trình Javascript nâng cao: fullstack.edu.vn/courses/java...
Làm việc với Terminal & Ubuntu: fullstack.edu.vn/courses/wind...
Xây Dựng Website với ReactJS: fullstack.edu.vn/courses/reactjs
Xây dựng web với Node & Express: fullstack.edu.vn/courses/nodejs
HTML, CSS tips: fullstack.edu.vn/courses/html...
Ứng dụng cảnh báo khi sờ lên mặt: fullstack.edu.vn/courses/tool...
Xem thêm tại: fullstack.edu.vn/courses
-------------------------------------
F8 Official
(c) Sơn Đặng
Website: fullstack.edu.vn
Facebook cá nhân: / sondnf8
Nhóm Học Lập Trình Web: / f8official
Email: contact@fullstack.edu.vn
© Bản quyền thuộc về Channel F8 Official ☞ Do not Reup
© Nghiêm cấm sử dụng video nhằm mục đích thương mại dưới mọi hình thức.
Пікірлер: 69
Anh em làm bài tập tại: fullstack.edu.vn/exercises/lesson/184
@sonlengoc948
2 жыл бұрын
Trang bị 404 rồi anh.
@quangvunguyen2604
Жыл бұрын
bạn ơi có document.tudienform.txtnghia.value là document.form à,bạn pro php không,php upload xong thì có form chứa thông tin hình ảnh như img,img src
Ngày nào cũng xem, xem đi xem lại, chúc bạn sức khỏe.
Tuyệt vời quá, học nơi F8 cả ngày cũng ko chán.
quá hay và chi tiết, cảm ơn bạn!
Anh nói dễ nghe, nội dung chuẩn bị kỹ lưỡng. rất dễ hiểu với những người mới học như em ạ. cảm ơn anh Sơn rất nhiều. mong anh luôn luôn có những bài giảng như vầy để lan truyền kiến thức cho tất cả mọi người ạ
@F8VNOfficial
3 жыл бұрын
Cảm ơn em nhé, comment tâm huyết quá. Chúc em học tốt và sớm đi làm nhé.
Cảm ơn anh, đóng góp của anh cho thế hệ trẻ bọn em❤❤❤
Thanks a nhiều ạ
Anh ơi, em đang dùng js thường , không phải Typescript khi dùng getElementById nó bị lỗi HTMLElement|Null thì phải xử lý như thế nào ạ ?
Cho e hỏi chưa học html vs css cơ bản có học đc cái này ko ạ
Tại sao em đặt thẻ script cuối cùng bên trong body mới thực hiện được querySelector , mà mấy cái getELment khác chỉ cần đặt trong thẻ head vậy ạ ?
giọng anh hay quá =))))
Mn cho mình hỏi sao cái VScode của mình nó ko hiện lên những cái suggestion nhỉ? Và khắc phục nó như thế nào chớ mỗi lần code bắt gõ ra khó code quá ạ
20:17 Ae có nghe thấy tiếng ngáy không?
anh ơi sao em dùng cái tagname nó ko trả về hết mà chỉ trả cái h1 đầu tiên hà
cứ học 1 đoạn phải dừng để xem trong phòng có ai ngáy , tưởng ma hahahah
kha hay day a ra JS advan di anh
bài dài nhưng dễ hiểu
bài hay và dễ hiểu
@F8VNOfficial
2 жыл бұрын
Cảm ơn em
dạ cho em hỏi là nếu thẻ anchors không có attribute name thì document.anchors nó sẽ không trả lại các tag a trong htmlCollection đúng kh ạ. Với lại khi e dùng document.anchors thì chữ anchors trong vscode bị gạch đi, không biết là vì sao ạ, em cảm ơn mọi người giải đáp giúp em!!!
@HangNguyen-ur3kh
Жыл бұрын
mình cũng bị gạch y chang vậy (attribute name rồi). nhưng console.log vẫn được á
hay
sao VScode của em không lên màu giống anh vậy ạ ?
@huylezuuhy
2 жыл бұрын
Bạn vô cài đặt á
video này xem buổi tối sợ ma quá. Ông nào ngáy to thé.
@ngocvu89
Жыл бұрын
vợ a Sơn
Anh ơi, phím tắt anh dùng để bôi đen 1 lúc nhiều thẻ h1 ở 10:18 là gì v ạ
@huutu289
3 жыл бұрын
window: ctr + d
@huynguyenquoc3692
3 жыл бұрын
@@huutu289 Ahhh, cảm ơn bạn nhé. Tuyệt vời quá
6:32 Bạn ơi mặc dù biết đây là 1 object với { key là element : value là h1#heading } nhưng mà value này lạ lắm. Không biết là kiểu dữ liệu gì?
@F8VNOfficial
6 ай бұрын
Kiểu object thôi bạn. Trong JS có bằng đó kiểu dữ liệu thôi, bạn nhìn đặc tính của nó là phân biệt được á. Không thì bạn typeof nó ra là thấy đó.
anh gửi 1 cái link tất cả bài tập đi anh, em vào khóa học thì bị lỗi không ra phần video nào, tìm phần bài tập cũng ko thấy :(..em đang muốn làm bài tập để cũng cố và áp dụng kiến thức.. tks anh ^^
@F8VNOfficial
3 жыл бұрын
Em vào lại đi, khi nãy có bug, anh đã sửa rồi nha. Bài tập đi kèm mỗi bài học trên web f8.edu.vn em nha
@ThangPham-ll4ek
3 жыл бұрын
@@F8VNOfficial hình như vẫn lỗi anh ơi :)))
@ThangPham-ll4ek
3 жыл бұрын
tks anh đã ok ạ ^^
anh sơn cho em hỏi là. tại sao máy e khi f5 thì web k riset mới giống anh. mà phải cần (go live) sang 1 tab mới nó mới đc , anh biết bị sao k ạ .
@F8VNOfficial
2 жыл бұрын
Em có viết đủ phần doctype, html, body ko em?
@darkquys5572
2 жыл бұрын
@@F8VNOfficial dạ có chứ anh, em học xong khóa html css của a rồi ạ .
Có 1 sự thật là khi ở html có một attribute Id thì ko cần sử dụng getElementbyID, hoặc querySelector vẫn lấy đc đối tượng Id, vì javascript đã tạo sẵn nó 🤣🤣🤣. Thú vị ko
ủa có ai bị lỗi vào f8 bị trắng màn hình k mọi người :(
sao em làm theo nó cứ ra null a nhỉ
@o_o2688
2 жыл бұрын
à do em đặt thẻ script trước id :v
Hình như có ai đang ngáy 🤣
ô nào ngáy to vậy:)?
có tiếng ngáy à a:))
@MinhDuongLe-pb7th
Жыл бұрын
tôi đeo tai nghe thấy tiếng ngáy làm tôi ngủ gật theo luôn🤣
anh ơi cho em hỏi là tại sao em để file script sau thẻ body thì getById ra gía trị null
@SonTruong-di1cv
3 жыл бұрын
minh cung the khogn hieu sao
@cuongthe8960
3 жыл бұрын
nếu trả về null thì bạn get sai id rồi. và làm theo tiêu chuẩn w3c thì cho thẻ script vào trong body nhé. ko nên cho ra ngoài thẻ body (tất cả các thẻ. trừ thẻ html, head , và các thẻ trong thẻ head thì phải bỏ hết vào body)
có tiếng ngáy to quá haha
@tuannguyenhuu964
2 жыл бұрын
Khổ thân a Sơn phải thức làm video trong khi người xung quanh ngủ say quắc cần câu
có ai giải bài tập số 5 và 6 chưa cho mình xin đáp án với
@angtuananh5209
3 жыл бұрын
1 Get checkbox input NodeList lưu vào biến checkboxNodes 2 Get checkbox input element có type="checkbox" value="1" lưu vào biến checkbox1Element 3 Get checkbox element có attribute checked nhưng không có attribute disabled lưu vào biến checkboxCheckedAndNotDisabled 4 Get checkbox element có attribute disabled nhưng không có attribute checked lưu vào biến checkboxDisabledAndNotChecked 5 Get checkbox element có attribute checked và disabled lưu vào biến checkboxCheckedAndDisabled
@angtuananh5209
3 жыл бұрын
1 Get list elements li là con trực tiếp của ul thứ nhất và lưu vào biến listItems1 2 Get list elements li là con trực tiếp của ul thứ hai và lưu vào biến listItems2 3 Get list elements li là con trực tiếp của ul thứ nhất và ul thứ hai sau đó lưu vào biến listItems3
@14_hanhnguyen99
2 жыл бұрын
@@angtuananh5209 var listItems1 = document.querySelectorAll('.parent > li'); var listItems2 = document.querySelectorAll('.parent > ul > li'); var listItems3 = document.querySelectorAll('.parent > li, .parent > ul > li');
@14_hanhnguyen99
2 жыл бұрын
@@angtuananh5209 let checkboxNodes = document.querySelectorAll('input[type=checkbox]'); let checkbox1Element = document.querySelector("input[type='checkbox'][value='1']"); let checkboxCheckedAndNotDisabled = document.querySelector("input[type='checkbox'][checked]:not(disabled)"); let checkboxDisabledAndNotChecked = document.querySelector("input[type='checkbox'][disabled]:not(checked)"); let checkboxCheckedAndDisabled = document.querySelector("input:checked:disabled");
@angtuananh5209
2 жыл бұрын
@@14_hanhnguyen99 cảm ơn bạn nhé
sao minh` toan bi null mn oi
@Gentube87
3 жыл бұрын
bạn đặt xuống dưới cùng trước thẻ html nhé!
@haanhoo3929
3 жыл бұрын
@@Gentube87 ban co biet vi sao lai nhu vay ko?
@longthanhvu8415
3 жыл бұрын
@@Gentube87 mình làm rồi mà vẫn bị null này
@SonTruong-di1cv
3 жыл бұрын
@@Gentube87 thanks ban nha
@maitranthituyet8340
3 жыл бұрын
@@Gentube87 Uầy VIP