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

  • @F8VNOfficial
    @F8VNOfficial3 жыл бұрын

    Anh em làm bài tập tại: fullstack.edu.vn/exercises/lesson/184

  • @sonlengoc948

    @sonlengoc948

    2 жыл бұрын

    Trang bị 404 rồi anh.

  • @quangvunguyen2604

    @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

  • @DTS1636
    @DTS16364 жыл бұрын

    Ngày nào cũng xem, xem đi xem lại, chúc bạn sức khỏe.

  • @luchoang4301
    @luchoang4301 Жыл бұрын

    Tuyệt vời quá, học nơi F8 cả ngày cũng ko chán.

  • @congnguyenthanh3601
    @congnguyenthanh36013 жыл бұрын

    quá hay và chi tiết, cảm ơn bạn!

  • @buffalo9049
    @buffalo90493 жыл бұрын

    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

    @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é.

  • @HuynhVKhang
    @HuynhVKhang2 ай бұрын

    Cảm ơn anh, đóng góp của anh cho thế hệ trẻ bọn em❤❤❤

  • @huynhmylinh7104
    @huynhmylinh71043 жыл бұрын

    Thanks a nhiều ạ

  • @MinhDuc-dj5yq
    @MinhDuc-dj5yq Жыл бұрын

    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 ạ ?

  • @quanngouc4003
    @quanngouc40032 жыл бұрын

    Cho e hỏi chưa học html vs css cơ bản có học đc cái này ko ạ

  • @haanh-m2h
    @haanh-m2h7 ай бұрын

    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 ạ ?

  • @NguyenQuynhAnh-sd2wf
    @NguyenQuynhAnh-sd2wf3 жыл бұрын

    giọng anh hay quá =))))

  • @voanhthu4059
    @voanhthu405911 ай бұрын

    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á ạ

  • @TungThanh-xt4py
    @TungThanh-xt4py8 ай бұрын

    20:17 Ae có nghe thấy tiếng ngáy không?

  • @thayongnoi950
    @thayongnoi95011 ай бұрын

    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à

  • @manhmoime231
    @manhmoime231 Жыл бұрын

    cứ học 1 đoạn phải dừng để xem trong phòng có ai ngáy , tưởng ma hahahah

  • @vunguyenviet191
    @vunguyenviet1914 жыл бұрын

    kha hay day a ra JS advan di anh

  • @nightbet6557
    @nightbet6557 Жыл бұрын

    bài dài nhưng dễ hiểu

  • @ThanhBui-mo7so
    @ThanhBui-mo7so2 жыл бұрын

    bài hay và dễ hiểu

  • @F8VNOfficial

    @F8VNOfficial

    2 жыл бұрын

    Cảm ơn em

  • @LamNguyen-jp5vh
    @LamNguyen-jp5vh2 жыл бұрын

    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

    @HangNguyen-ur3kh

    Жыл бұрын

    mình cũng bị gạch y chang vậy (attribute name rồi). nhưng console.log vẫn được á

  • @tienhuynh2435
    @tienhuynh2435 Жыл бұрын

    hay

  • @longthanhvu8415
    @longthanhvu84153 жыл бұрын

    sao VScode của em không lên màu giống anh vậy ạ ?

  • @huylezuuhy

    @huylezuuhy

    2 жыл бұрын

    Bạn vô cài đặt á

  • @tiavlog7003
    @tiavlog70033 жыл бұрын

    video này xem buổi tối sợ ma quá. Ông nào ngáy to thé.

  • @ngocvu89

    @ngocvu89

    Жыл бұрын

    vợ a Sơn

  • @huynguyenquoc3692
    @huynguyenquoc36923 жыл бұрын

    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

    @huutu289

    3 жыл бұрын

    window: ctr + d

  • @huynguyenquoc3692

    @huynguyenquoc3692

    3 жыл бұрын

    @@huutu289 Ahhh, cảm ơn bạn nhé. Tuyệt vời quá

  • @NguyenHoang-cr5vm
    @NguyenHoang-cr5vm7 ай бұрын

    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

    @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 đó.

  • @ThangPham-ll4ek
    @ThangPham-ll4ek3 жыл бұрын

    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

    @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

    @ThangPham-ll4ek

    3 жыл бұрын

    @@F8VNOfficial hình như vẫn lỗi anh ơi :)))

  • @ThangPham-ll4ek

    @ThangPham-ll4ek

    3 жыл бұрын

    tks anh đã ok ạ ^^

  • @darkquys5572
    @darkquys55722 жыл бұрын

    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

    @F8VNOfficial

    2 жыл бұрын

    Em có viết đủ phần doctype, html, body ko em?

  • @darkquys5572

    @darkquys5572

    2 жыл бұрын

    @@F8VNOfficial dạ có chứ anh, em học xong khóa html css của a rồi ạ .

  • @tangdu4907
    @tangdu4907 Жыл бұрын

    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

  • @duycuongpham3111
    @duycuongpham31113 жыл бұрын

    ủa có ai bị lỗi vào f8 bị trắng màn hình k mọi người :(

  • @tuannguyenthai
    @tuannguyenthai4 жыл бұрын

  • @o_o2688
    @o_o26882 жыл бұрын

    sao em làm theo nó cứ ra null a nhỉ

  • @o_o2688

    @o_o2688

    2 жыл бұрын

    à do em đặt thẻ script trước id :v

  • @taitai2632
    @taitai26322 жыл бұрын

    Hình như có ai đang ngáy 🤣

  • @ucthuannguyen9198
    @ucthuannguyen91985 ай бұрын

    ô nào ngáy to vậy:)?

  • @huynguyenviet2806
    @huynguyenviet2806 Жыл бұрын

    có tiếng ngáy à a:))

  • @MinhDuongLe-pb7th

    @MinhDuongLe-pb7th

    Жыл бұрын

    tôi đeo tai nghe thấy tiếng ngáy làm tôi ngủ gật theo luôn🤣

  • @NguyenQuyChien-BDCVT
    @NguyenQuyChien-BDCVT3 жыл бұрын

    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

    @SonTruong-di1cv

    3 жыл бұрын

    minh cung the khogn hieu sao

  • @cuongthe8960

    @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)

  • @user-of6fi1pb5u
    @user-of6fi1pb5u2 жыл бұрын

    có tiếng ngáy to quá haha

  • @tuannguyenhuu964

    @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

  • @angtuananh5209
    @angtuananh52093 жыл бұрын

    có ai giải bài tập số 5 và 6 chưa cho mình xin đáp án với

  • @angtuananh5209

    @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

    @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

    @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

    @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

    @angtuananh5209

    2 жыл бұрын

    @@14_hanhnguyen99 cảm ơn bạn nhé

  • @001ibuyvn
    @001ibuyvn3 жыл бұрын

    sao minh` toan bi null mn oi

  • @Gentube87

    @Gentube87

    3 жыл бұрын

    bạn đặt xuống dưới cùng trước thẻ html nhé!

  • @haanhoo3929

    @haanhoo3929

    3 жыл бұрын

    @@Gentube87 ban co biet vi sao lai nhu vay ko?

  • @longthanhvu8415

    @longthanhvu8415

    3 жыл бұрын

    @@Gentube87 mình làm rồi mà vẫn bị null này

  • @SonTruong-di1cv

    @SonTruong-di1cv

    3 жыл бұрын

    @@Gentube87 thanks ban nha

  • @maitranthituyet8340

    @maitranthituyet8340

    3 жыл бұрын

    @@Gentube87 Uầy VIP