Học lập trình Web A-Z – JAVASCRIPT- Bài 14 – DOM và kỹ thuật thao túng nội dung trang HTML



Loạt video chủ đề dạy học lập trình và thiết kế website online từ A-Z. Phần JAVASCRIPT. Bài 14: Đây là bài học quan trọng bậc nhất về javascript. Bạn sẽ học được cách thao tác của javascript với DOM. Có tác dụng giúp bạn thao túng được nội dung toàn bộ trang HTML chỉ bằng Javascript như: thêm, xóa, sửa nội dung, thuộc tính và mọi thứ liên quan các thẻ HTML trong tài liệu HTML

► ỦNG HỘ TÀI CHỈNH TÁC GIẢ
Nếu bạn muốn ủng hộ tài chính cho tác giả, bất kể bao nhiêu, bạn có thể chuyển khoản qua tài khoản:
———————————————————————————-
| TECHCOMBANK, Nguyễn Kiệm, TP Hồ Chí Minh
| Chủ TK ___: ĐẶNG VĂN LEL
| Số TK ____: 19027982455010
———————————————————————————-

► Link tải slide PowerPoint:

► TỔNG HỢP VIDEO KHÓA HỌC
[PHẦN JAVASCRIPT]
🎬 Video phần JS bài 13:
🎬 Video phần JS bài 12:
🎬 Video phần JS bài 11:
🎬 Video phần JS bài 10:
🎬 Video phần JS bài 9:
🎬 Video phần JS bài 8:
🎬 Video phần JS bài 7:
🎬 Video phần JS bài 6:
🎬 Video phần JS bài 5:
🎬 Video phần JS bài 4:
🎬 Video phần JS bài 3:
🎬 Video phần JS bài 2:
🎬 Video phần JS bài 1:
[PHẦN CSS]
🎬 Video phần CSS bài 15 (end):
🎬 Video phần CSS bài 14:
🎬 Video phần CSS bài 13:
🎬 Video phần CSS bài 12:
🎬 Video phần CSS bài 11:
🎬 Video phần CSS bài 10:
🎬 Video phần CSS bài 9:
🎬 Video phần CSS bài 8:
🎬 Video phần CSS bài 7:
🎬 Video phần CSS bài 6:
🎬 Video phần CSS bài 5:
🎬 Video phần CSS bài 4:
🎬 Video phần CSS bài 3:
🎬 Video phần CSS bài 2:
🎬 Video phần CSS bài 1:

[PHẦN HTML]
🎬 Video phần HTML bài 6 (end):
🎬 Video phần HTML bài 5:
🎬 Video phần HTML bài 4:
🎬 Video phần HTML bài 3:
🎬 Video phần HTML bài 2:
🎬 Video phần HTML bài 1:

CHƯƠNG trìNH TỔNG QUAN TOÀN KHÓA HỌC
📝 Giới thiệu chi tiết về cách mà một website làm việc như thế nào trên internet.
📝 PHẦN 1: HTML & HTML5
📝 PHẦN 2: CSS & CSS3
📝 PHẦN 3.1: JAVASCRIPT
📝 PHẦN 3.2: jQuery (đã có VIDEO riêng về jQuery)
📝 PHẦN 4: Khái niệm về cơ sở dữ liệu quan hệ
📝 PHẦN 5: Học T-SQL và MS SQL Server (chuẩn bị cho .NET)
📝 PHẦN 6: ASP.NET MVC
📝 PHẦN 7: Học SQL và MySQL Server (chuẩn bị cho PHP)
📝 PHẦN 8: PHP
📝 PHẦN 9 (kết thúc): Giới thiệu khái niệm Web Framework và giới thiệu một số Web Framework viết bằng PHP.

XIN LƯU Ý: Chúng tôi chỉ cho phép bạn chia sẽ lại dạng nhúng. Video này chỉ phát hành duy nhất trên kênh YOUTUBE của THƯ VIỆN LẬP TRÌNH. Nghiêm cấm mọi hành vi tải về và xuất bản lại tại bất cứ nơi nào khác. Xin cảm ơn.

THÔNG TIN TÁC GIẢ
———————————
• Đặng Văn Lel
• 0906605140
• dangvanlel@gmail.com

(*) Nếu bạn thấy có vấn đề gì về việc xâm hại bản quyền nội dung hoặc hình ảnh trong video, xin vui lòng hãy liên hệ (tel) 0906605140 hoặc (mail) dangvanlel@gmail.com trước khi làm gì khác. Chúng tôi sẽ hỗ trợ hết mức có thể để giải quyết vấn đề xâm phạm bản quyền (nếu có) đối với bạn.

Nguồn: https://nacaroinc.com

Xem thêm bài viết khác: https://nacaroinc.com/tong-hop/

32 Comments

  • Cảm ơn anh rất nhiều vì đã xây dựng những video bổ ích như thế này.Cứu tinh cho e về môn javascript !!

    Đạt Nguyễn
    Posted June 1, 2020
  • Vãi cả tính phương trình bậc 2, em ghét nhất môn toán, anh nại choa Toán học vào. Thay vì tính phương trình bậc 2 anh để thành Tính + – x / 2 số thôi là đủ phức tạp với các câu lệnh if else, Switch key…v.v… Đằng nài a chơi phương trình bậc 2, Delta các kiểu, rồi cả phân số và các kí tự toán học Delta bắt em phải quệt nó vào language java..v.v.. nàm sao em sống đây kkkkk

    Nguyễn Hưng
    Posted June 1, 2020
  • video hay

    Hoang lion
    Posted June 1, 2020
  • ai lam bai so thap phan roi gui file minh xem voi @@

    Tín Nguyễn
    Posted June 1, 2020
  • đánh dấu đã xem tới đây, hơi chậm :)))

    Quý Trần
    Posted June 1, 2020
  • cảm ơn anh 🙂

    Hải Nguyễn
    Posted June 1, 2020
  • Anh có nhận dạy trực tiếp không anh

    Minh Hua
    Posted June 1, 2020
  • bài giảng hay quá <3

    An Love Quyen
    Posted June 1, 2020
  • cho m hỏi khi code trong file js làm sao để hỗ trợ các lệnh vậy ạ ?? Ctrl+ space để hiện các lệnh đấy ạ

    Đức Nguyễn
    Posted June 1, 2020
  • Mình có thể dùng .setAttribute để can thiệp nhiều thuộc tính cùng một lúc không thầy?

    Yeah cuối cùng em cũng làm được rồi:

    function BatDauTinh(){
    var a = parseInt(document.getElementById("txtA").value); //Để đảm bảo dữ liệu nhập vào là kiểu số ta dùng parseInt();
    var b = parseInt(document.getElementById("txtB").value);
    var c = parseInt(document.getElementById("txtC").value);
    var delta = Math.pow(b,2) – 4*a*c;
    var nghiemkep = -b/(2*a);
    var d = Math.sqrt(delta) – b;
    var e = – b – Math.sqrt(delta);
    var x_1 = d/(2*a);
    var x_2 = e/(2*a);
    if(delta<0){
    alert("Phương trình vô nghiệm");
    }else if(delta===0){
    alert("Phương trình có nghiệm kép: x = " + nghiemkep);
    }else if(delta>0){
    alert("Phương trình có hai nghiệm:rn" + "x1 = " + x_1 + " và x2 = " + x_2);
    }else{
    alert("Lỗi: Không được nhập chữ cái");
    }
    }

    Em tính dùng hàm switch nhưng nó cứ ra alert theo trường hợp default nên em chuyển sang dùng if elsse thì lại chạy được.

    Châu Lê 9x
    Posted June 1, 2020
  • Bài giảng rất hay và bổ ích ^^

    Hoài Thương
    Posted June 1, 2020
  • anh có thể coi code của em đúng không anh
    function batdau()
    {
    var a = parseInt(document.getElementById("txa").value);
    var b = parseInt(document.getElementById("txa").value);
    var c = parseInt(document.getElementById("txa").value);
    var delta = b*b-4*a*c;
    if(delta<0)
    {
    alert("PT vô số nghiệm");
    }
    else if(delta==0)
    {
    var x = -b/2*a;
    alert(x);
    }
    else
    {
    var x1 = (-b + Math.sqrt(delta)/(2*a));
    alert(x1);
    var x2 = (-b – Math.sqrt(delta)/(2*a));
    alert(x2);
    }

    }
    alert(batdau);

    Trung Tang Thanh
    Posted June 1, 2020
  • cảm ơn a đã chỉ bảo dùng setAttribute để thay thế Jss Dom SSS, e mà học một đóng thuộc tính JSS Dom CSS chắc tẩu hỏa nhập ma mất

    tam le
    Posted June 1, 2020
  • Ban cho minh hoi phan tiep theo DOM Javascript nang cao o dau vay? thanks

    Tuan-Nguyen Le
    Posted June 1, 2020
  • e cảm ơn thầy 😀 yêu <3

    Huệ Nguyễn Thị
    Posted June 1, 2020
  • anh cho em hỏi khi em click vào thì console báo lỗi này là sao ạ: Uncaught ReferenceError: ptb2 is not defined
    at HTMLDivElement.onclick

    Tấn Đạt
    Posted June 1, 2020
  • em nghĩ anh nên đọc "obj" là"ốp jech" luôn cho dễ hiểu. thanks!

    Ngoc Bao Khuat
    Posted June 1, 2020
  • Những bài giảng của anh rất hay, anh có cách chọn lọc nội dung và bố trí bài giảng phù hợp, những video rất quí cho các bạn mới học lập trình web, cám ơn rất nhiều,…

    Khai Mai Hong
    Posted June 1, 2020
  • function start() {
    var a = parseFloat (document.getElementById("txtA").value);
    var b = parseFloat (document.getElementById("txtB").value);
    var c = parseFloat (document.getElementById("txtC").value);
    var denta = b*b -4*a*c;
    var x1= (-b + Math.sqrt(denta))/(2*a);
    var x2= (-b – Math.sqrt(denta))/(2*a);
    var x3= -b/(2*a);
    if (denta < 0)
    alert("phuong trinh vo nghiem");
    else if (denta == 0) {
    alert(x3);
    }
    else{
    alert(x1);
    alert(x2);
    }
    }

    Chung Bùi
    Posted June 1, 2020
  • hay quá.cảm ơn thầy

    thắng lê
    Posted June 1, 2020
  • Đôi lúc xem cách anh sai mà em cũng rút được kinh nghiệm. Video rất bổ ích. Rất thích có cả lý thuyết và VD như này

    Lập Trình và Thiết Kế
    Posted June 1, 2020
  • em cứ tưởng dòng code javacript thì phải đặt trong thẻ scrpits chứ??????????

    Toàn Mạc Văn
    Posted June 1, 2020
  • Anh ơi :
    .innerHTML : lấy nội dung của thẻ mà đối tượng đang giữ.
    còn
    .value :lấy giá trị của đối tượng.

    em hiểu như vậy có đúng không Anh, và 2 thuộc tính này có gì khác nhau ?

    Thế Châu
    Posted June 1, 2020
  • thầy ơi 18 video này là xong bài học rồi à thây?

    lượt xem 45.516.205
    Posted June 1, 2020
  • muốn học về các thư viện của js như react, angular js thì phải học như nào ả thầy!

    Thảo Chan
    Posted June 1, 2020
  • thề. video làm hay mà sao ít lượt xem thế nhỉ

    Nguyên Mão
    Posted June 1, 2020
  • Bài giảng rất hay thầy ạ…mà thầy có video nào hướng dẫn làm nguyên cái web không ạ thầy

    Công Đạt Lê
    Posted June 1, 2020
  • Kiến thức học ở đây còn giá trị hơn nhiều so với đi học đại :))

    Thằng Đó
    Posted June 1, 2020
  • Ở trong slide, e tưởng cái phần getElementByTagName và ClassName phải có "s" sau chữ Element –> Elements.

    Văn Dũng SunBin
    Posted June 1, 2020
  • Thầy ơi, slide bài giảng chưa có bài 14 này ạ ?

    Ngoc Tran
    Posted June 1, 2020
  • cám ơn thầy nhiều ạ, mong thầy tiếp tục ra video. Sao em thấy phần jQuery có mỗi 2 video thôi hả thầy ?

    Ngoc Tran
    Posted June 1, 2020
  • Hay qua hoho:v

    Trần Quốc Đạt
    Posted June 1, 2020

Leave a comment