search

Hướng dẫn dùng d.o.m.s. JavaScript

Ngày đăng: 07/09/2022
Trả lời: 0
Lượt xem: 82

Javascript là một ngôn ngữ được sử dụng trong các trình duyệt Browser nên nó đóng một vai trò khá quan trọng trong các ứng dụng website. Và nhiệm vụ của Javascript là thao tác với các tài liệu HTML kết hợp với các cú pháp riêng của nó để tạo nên sự ảo diệu của trang web. Để thao tác được với các thẻ HTML thì nó phải thông qua một cơ chế ta gọi là DOM.

Show

Vậy trong bài viết này chúng ta cùng tìm hiểu DOM là gì và cách thao tác với DOM bằng Js nhé!

DOM là gì?

DOM là viết tắt của chữ Document Object Model, dịch tạm ra là mô hình các đối tượng trong tài liệu HTML.  Như các bạn biết trong mỗi thẻ HTML sẽ có những thuộc tính (Properties) và có phân cấp cha - con với các thẻ HTML khác. Sự phân cấp và các thuộc tính của thẻ HTML này ta gọi là selector và trong DOM sẽ có nhiệm vụ xử lý các vấn đề như đổi thuộc tính của thẻ, đổi cấu trúc HTML của thẻ,... DOM được dùng để truy xuất các tài liệu dạng HTML và XML, có dạng một cây cấu trúc dữ liệu, và thông thường mô hình DOM độc lập với hệ điều hành và dựa theo kỹ thuật lập trình hướng đối tượng để mô tả tài liệu.

Bạn có thể tham khảo hình vẽ dưới đây để hiểu rõ hơn về DOM.

Hướng dẫn dùng d.o.m.s. JavaScript

Chúng ta có thể thấy tất cả các thẻ HTML sẽ được quản lý trong đối tượng document, thẻ cao nhất là thẻ html, tiếp theo là phân nhánh body và head. Bên trong head thì có những thẻ như style, title, ... và bên trong body thì là vô số các thẻ HTML khác. Như vậy trong Javascript, để thao tác với các thẻ HTML ta phải thông qua đối tượng document, để cho nóng thì các bạn xem ví dụ bên dưới trước khi tìm hiểu tiếp nhé :D 

Trong ví dụ này mình có sử dụng một đoạn code xử lý javascript như sau:

document.getElementById("main-content").innerHTML = "Chào mừng các bạn đến với website học lập trình online codelearn.io"

Và đoạn code này có ý nghĩa rằng tìm thẻ có id="main-content"và gán nội dung HTML bên trong của thẻ này là dòng chữ "Chào mừng các bạn đến với website học lập trình online codelearn.io".

Với DOM, JavaScript được tất cả sức mạnh cần thiết để tạo ra HTML động:

  • JavaScript có thể thay đổi tất cả các phần tử HTML trong trang
  • JavaScript có thể thay đổi tất cả các thuộc tính HTML trong trang
  • JavaScript có thể thay đổi tất cả các phong cách CSS trong trang
  • JavaScript có thể loại bỏ các yếu tố HTML và thuộc tính hiện tại
  • JavaScript có thể thêm các yếu tố HTML mới và các thuộc tính
  • JavaScript có thể phản ứng với tất cả các sự kiện HTML hiện trong trang
  • JavaScript có thể tạo ra các sự kiện HTML mới trong trang

HTML DOM là gì?

HTML DOM là một chuẩn mô hình object và programming interface cho HTML. nó định nghĩa:

  • HTML elements như là objects
  • properties của tất cả HTML elements
  • methods để truy cập đến tất cả HTML elements
  • events cho tất cả HTML elements

HTML DOM là một tiêu chuẩn cho phép bạn thực hiện những công việc thao tác với bất kì một trang web: get, change, add, or delete các thành phần của HTML.

Cây cấu trúc DOM

Nút

Đối với HTML DOM, cấu trúc dạng cây gọi là DOM Tree có nghĩa là mọi thành phần đều được xem là 1 nút (node), được biểu diễn trên 1 cây . Các phần tử khác nhau sẽ được phân loại nút khác nhau nhưng quan trọng nhất là 3 loại: nút gốc (document node), nút phần tử (element node), nút văn bản (text node).

  • Nút gốc: chính là tài liệu HTML, thường được biểu diễn bởi thẻ .
  • Nút phần tử: biểu diễn cho 1 phần tử HTML.
  • Nút văn bản: mỗi đoạn kí tự trong tài liệu HTML, bên trong 1 thẻ HTML đều là 1 nút văn bản. Đó có thể là tên trang web trong thẻ , tên đề mục trong thẻ <h2>, hay một đoạn văn trong thẻ <p>.</span></li><li><span>Ngoài ra còn có <strong>nút thuộc tính</strong> (attribute node) và <strong>nút chú thích</strong> (comment node).</span></li></ul><h4><span>Quan hệ giữa các nút</span></h4><ul><li><span>Nút gốc (document) luôn là nút đầu tiên.</span></li><li><span>Tất cả các nút không phải là nút gốc đều chỉ có 1 nút cha (parent).</span></li><li><span>Một nút có thể có một hoặc nhiều con, nhưng cũng có thể không có con nào.</span></li><li><span>Những nút có cùng nút cha được gọi là các nút anh em (siblings).</span></li><li><span>Trong các nút anh em, nút đầu tiên được gọi là con cả (firstChild) và nút cuối cùng là con út (lastChild).</span></li></ul><p><span>Ta hãy cùng xem ví dụ cây cấu trúc DOM bên dưới: <div class="imgBox"><img alt="Hướng dẫn dùng d.o.m.s. JavaScript" data-orgimg="https://sg.cdnki.com/huong-dan-dung-d-o-m-s-javascript---aHR0cHM6Ly9jb2RlbGVhcm4uaW8vTWVkaWEvRGVmYXVsdC9Vc2Vycy9LaG9hYS9JbWFnZS9kb21fanMvVFAtUGhhbi1jYXAtRE9NLVRyZWUucG5n.webp" ></img></div></span></p><ul><li><span>Nút gốc là <html>.</span></li><li><span>2 nút anh em <head> và <body> là anh em vì đều là nút con của <html>.</span> </li><li>Nút <body> có 3 con, trong đó <h2> là con cả và thẻ <p> thứ 2 là con út.</li><li><span>Nút phần tử <a> có 2 con, trong đó có 1 nút văn bản và 1 nút thuộc tính.</span><span></span></li></ul><h3 id="thao-tac-voi-dom">Thao tác với DOM</h3><p><span>Việc thao tác với DOM cho bạn sức mạnh “thay đổi thế giới”, vì mọi nội dung đều có thể được cập nhật động thông qua các thuộc tính và phương thức của DOM. Tất tần tật từ thay đổi định dạng chữ, nội dung chữ đến thay đổi cấu trúc các nút và cả thêm nút mới, bạn đều có thể làm được. Do đó, để sáng tạo nội dung tốt, bạn cần hiểu rõ cách thao tác DOM và ý nghĩa của từng thuộc tính, phương thức.</span></p><div style="width:100%; margin:20px auto; display:block"> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-4987931798153631" data-ad-slot="8587332220"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div></p><h4><span>Các Thuộc tính và Phương thức thường gặp</span></h4><h4><span>Thuộc tính: </span></h4><ul><li><span><strong>id:</strong> Định danh – là duy nhất cho mỗi phần tử nên thường được dùng để truy xuất DOM trực tiếp và nhanh chóng.</span></li><li><span><strong>className:</strong> Tên lớp – Cũng dùng để truy xuất trực tiếp như id, nhưng 1 className có thể dùng cho nhiều phần tử.</span></li><li><span><strong>tagName:</strong> Tên thẻ HTML.</span></li><li><span><strong>innerHTML:</strong> Trả về mã HTML bên trong phần tử hiện tại. Đoạn mã HTML này là chuỗi kí tự chứa tất cả phần tử bên trong, bao gồm các nút phần tử và nút văn bản.</span></li><li><span><strong>outerHTML:</strong> Trả về mã HTML của phần tử hiện tại. Nói cách khác, <code>outerHTML = tagName + innerHTML.</code></span></li><li><span><strong>textContent:</strong> Trả về 1 chuỗi kí tự chứa nội dung của tất cả nút văn bản bên trong phần tử hiện tại.</span></li><li><span><strong>attributes:</strong> Tập các thuộc tính như id, name, class, href, title…</span></li><li><span><strong>style:</strong> Tập các định dạng của phần tử hiện tại</span></li><li><span><strong>value:</strong> Lấy giá trị của thành phần được chọn thành một biến.</span></li></ul><h4><span>Phương thức:</span></h4><ul><li><span><strong>getElementById(id):</strong> Tham chiếu đến 1 nút duy nhất có thuộc tính <code>id </code>giống với id cần tìm.</span></li><li><span><strong>getElementsByTagName(tagname):</strong> Tham chiếu đến tất cả các nút có thuộc tính <code>tagName</code> giống với tên thẻ cần tìm, hay hiểu đơn giản hơn là tìm tất cả các phần tử DOM mang thẻ HTML cùng loại. Nếu muốn truy xuất đến toàn bộ thẻ trong tài liệu HTML thì hãy sử dụng <code>document.getElementsByTagName('*').</code></span></li><li><span><strong>getElementsByName(name):</strong> Tham chiếu đến tất cả các nút có thuộc tính <code>name</code> cần tìm.</span></li><li><span><strong>getAttribute(attributeName):</strong> Lấy giá trị của thuộc tính.</span></li><li><span><strong>setAttribute(attributeName, value):</strong> Sửa giá trị của thuộc tính.</span></li><li><span><strong>appendChild(node):</strong> Thêm 1 nút con vào nút hiện tại.</span></li><li><span><strong>removeChild(node):</strong> Xóa 1 nút con khỏi nút hiện tại.</span><span></span><span></span><span></span></li></ul><p><span>Mặt khác, các phần tử DOM đều là các nút trên cây cấu trúc DOM. Chúng sở hữu thêm các thuộc tính quan hệ để biểu diễn sự phụ thuộc giữa các nút với nhau. Nhờ các thuộc tính quan hệ này, chúng ta có thể truy xuất DOM gián tiếp dựa trên quan hệ và vị trí của các phần tử:</span></p><h4><span>Thuộc tính quan hệ:</span></h4><ul><li><span><strong>parentNode:</strong> Nút cha</span></li><li><span><strong>childNodes:</strong> Các nút con</span></li><li><span><strong>firstChild:</strong> Nút con đầu tiên</span></li><li><span><strong>lastChild:</strong> Nút con cuối cùng</span></li><li><span><strong>nextSibling:</strong> Nút anh em liền kề sau</span></li><li><span><strong>previousSibling:</strong> Nút anh em liền kề trước</span></li></ul><p><span>Bạn có thể xem danh sách đầy đủ ở W3SCHOOLS</span></p><h3 id="truy-xuat-dom">Truy xuất DOM</h3><h4><span>Truy xuất gián tiếp:</span></h4><p><span>Mỗi nút trên cây DOM đều có 6 thuộc tính quan hệ để giúp bạn truy xuất gián tiếp theo vị trí của nút:</span></p><ul><li><span><strong>Node.parentNode</strong>: tham chiếu đến nút cha của nút hiện tại, và nút cha này là duy nhất cho mỗi nút. Do đó, nếu bạn cần tìm nguồn gốc sâu xa của 1 nút, bạn phải nối thuộc tình nhiều lần, ví dụ <code>Node.parentNode.parentNode.</code></span></li><li><span><strong>Node.childNodes</strong>: tham chiếu đến các nút con trực tiếp của nút hiện tại, và kết quả là 1 mảng các đối tượng. Lưu ý rằng, các nút con không bị phân biệt bởi loại nút, nên kết quả mảng trả về có thể bao gồm nhiều loại nút khác nhau.</span></li><li><span><strong>Node.firstChild</strong>: tham chiếu đến nút con đầu tiên của nút hiện tại, và tương đương với việc gọi <code>Node.childNodes[0].</code></span></li><li><span><strong>Node.lastChild</strong>: tham chiếu đến nút con cuối cùng của nút hiện tại, và tương đương với việc gọi <code>Node.childNodes[Element.childNodes.length-1]</code>.</span></li><li><span><strong>Node.nextSibling</strong>: tham chiếu đến nút anh em nằm liền kề sau với nút hiện tại.</span></li><li><span><strong>Node.previousSibling</strong>: tham chiếu đến nút anh em nằm liền kề trước với nút hiện tại.  </span></li></ul><p><span> <div class="imgBox"><img alt="Hướng dẫn dùng d.o.m.s. JavaScript" data-orgimg="https://sg.cdnki.com/huong-dan-dung-d-o-m-s-javascript---aHR0cHM6Ly9jb2RlbGVhcm4uaW8vTWVkaWEvRGVmYXVsdC9Vc2Vycy9LaG9hYS9JbWFnZS9kb21fanMvdHBfZG9tX3RyZWVfdHJhdmVyc2FsLnBuZw==.webp" ></img></div></span></p><h4>Truy xuất trực tiếp:</h4><p><span>Truy xuất trực tiếp sẽ nhanh hơn, và đơn giản hơn khi bạn không cần phải biết nhiều về quan hệ và vị trí của nút. Có 3 phương thức để bạn truy xuất trực tiếp được hỗ trợ ở mọi trình duyệt:</span></p><ul><li><code><span>document.getElementById('id_cần_tìm')</span></code></li><li><code><span>document.getElementsByTagName('div')</span></code></li><li><code><span>document.getElementsByName('tên_cần_tìm')</span></code></li></ul><p><code><span> <div class="imgBox"><img alt="Hướng dẫn dùng d.o.m.s. JavaScript" data-orgimg="https://sg.cdnki.com/huong-dan-dung-d-o-m-s-javascript---aHR0cHM6Ly9jb2RlbGVhcm4uaW8vTWVkaWEvRGVmYXVsdC9Vc2Vycy9LaG9hYS9JbWFnZS9kb21fanMvVHJ1eS14dWF0LURPTS10cnVjLXRpZXAucG5n.webp" ></img></div></span></code></p><h3 id="tao-moi-them-xoa-thay-the-phan-tu-html-bang-js">Tạo mới, thêm, xoá, thay thế phần tử HTML bằng JS</h3><h4>Tạo một phần tử HTML</h4><p>Chúng ta có thể tạo mới 1 phần tử HTML bằng các cách sau:</p><div style="width:100%; margin:20px auto; display:block"> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-4987931798153631" data-ad-slot="8587332220"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div></p><ul><li><code>document.createElement(tag_name)</code>: Tạo ra phần tử có thẻ tag_name như a, p, div,...</li><li><code>element.cloneNode()</code>: Tạo ra 1 phần tử bằng cách nhân bản phần tử chỉ ra (element)</li><li><code>document.createTextNode(text)</code>: Tạo ra 1 nút văn bản</li></ul><pre><code>var node = document.createTextNode("Create element"); var linknode = document.createElement("a"); linknode.href = "https://codelearn.io/"; linknode.innerText = "codelearn.io";</code></pre><p>Ví dụ trên sẽ tạo ra 1 nút text, nhưng nó chưa hiển thị cho đến khi bạn gắn phần tử đó vào HTML document để nó là phần tử con của một phần tử nào đó, có một số cách để gắn phần tử tạo ra từ Javascript vào DOM HTML.</p><ul><li><code>element.appendChild(newNode)</code>: Thêm phần tử <code>newNode</code> vào phần tử <code>element</code>, nó trở thành phần tử con sau cùng của <code>element</code>.</li><li><code>element.insertBefore(newNode, node2)</code>: Chèn phần tử <code>newNode</code> nằm trước <code>node2</code>.</li><li><code>element.replaceChild(newNode, oldNode)</code>: Thay thế phần tử <code>oldNode</code> bằng phần tử <code>newNode</code></li></ul><p>Ví dụ dưới đây sẽ tạo ra một phần tử đoạn văn p sau đó chèn nó vào phần tử div đang có sẵn trong DOM HTML</p><pre><code><div id ="demo">nội dung ví dụ</div> <button onclick="add_child()">KẾT QUẢ</button> <script> function add_child() { //tạo phần tử p var p = document.createElement("p"); //tạo phần tử text var node = document.createTextNode("Some new text"); //gắn node vào p p.appendChild(node); //Thay đổi một số thuộc tính của p p.appendChild(node); p.style.backgroundColor = 'red'; p.style.padding = "10px"; p.style.color = "white"; var div = document.getElementById("demo"); //gắn p vào div div.appendChild(p); } </script></code></pre><h4>Xóa phần tử HTML</h4><p>Để loại bỏ phần tử HTML, bạn chọn phần tử cha rồi sử dụng phương thức<span> </span><code>removeChild(node)</code></p><pre><code><div id="demo"> <p id="p1">This is a paragraph.</p> <p id="p2">This is another paragraph.</p> </div> <script> var parent = document.getElementById("demo"); var child = document.getElementById("p1"); parent.removeChild(child); </script></code></pre><p>Ví dụ trên sẽ xóa bỏ phần tử đoạn văn thứ nhất</p><p>Bạn có thể sử dụng thủ thuật lấy thuộc tính<span> </span><code>parentNode</code><span> </span>để bỏ qua bước tìm phần tử cha trong DOM:<span> </span><code>child.parentNode.removeChild(child);</code></p><pre><code><div id="demo"> <p id="p1">This is a paragraph.</p> <p id="p2">This is another paragraph.</p> </div> <script> var child = document.getElementById("p1"); child.parentNode.removeChild(child); </script></code></pre><h4>Thay thế phần tử HTML</h4><p><span>Để thay thể một phần tử bằng một phần tử khác dùng cú pháp <code>element.replaceChild(newNode, oldNode)</code>. Trong đó </span><code>element</code><span> là nút cha</span></p><pre><code><div id="demo"> <p id="p1">This is a paragraph.</p> <p id="p2">This is another paragraph.</p> </div> <script> var p = document.createElement("p"); p.innerText = 'New Text'; var parent = document.getElementById("demo"); var child = document.getElementById("p1"); parent.replaceChild(p, child); </script></code></pre><h3 id="tam-ket">Tạm kết</h3><p><span>Như vậy chúng ta đã cùng nhau tìm hiểu các khái niệm cơ bản về DOM và cách thao tác DOM. Mặc dù đó chỉ là những kiến thức bề mặt, nhưng bạn cũng có thể thấy DOM quan trọng và lợi hại như thế nào. Nếu các bạn thấy bài viết hữu ích hãy rate 5* và share cho mọi người tham khảo!</span></p><p><span>Hãy để lại comment để mình có thể hoàn thiện bản thân hơn trong tương lai. Cám ơn các bạn! </span></p><div class='paramage'></div> <div class="contenBreak"></div></p></div> <div class="readmore_content_exists"><button id="readmore_content"><span class="arrow"><span></span></span>Đọc tiếp</button></div> </td></tr></table> <div style="padding:10px 0px;text-align:center"><div class="addthis_inline_share_toolbox"></div></div> <script async src="/dist/js/lazyhtml.min.js" crossorigin="anonymous"></script> <div class="lazyhtml" data-lazyhtml> <script type="text/lazyhtml"> <div class="youtubeVideo"><h3>Video liên quan</h3> <iframe width="560" height="315" src="https://www.youtube.com/embed/9eK1hQ01RZQ?controls=0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"allowfullscreen></iframe> </div> </script> </div> <div class="mt-3"> <div class="tags"> <a href="https://hanghieugiatot.com/tags/programming" class="tag-link">programming</a> <a href="https://hanghieugiatot.com/tags/javascript" class="tag-link">javascript</a> <a href="https://hanghieugiatot.com/tags/DOM w3school" class="tag-link">DOM w3school</a> <a href="https://hanghieugiatot.com/tags/DOM JS" class="tag-link">DOM JS</a> <a href="https://hanghieugiatot.com/tags/Dom la gì" class="tag-link">Dom la gì</a> <a href="https://hanghieugiatot.com/tags/What is DOM" class="tag-link">What is DOM</a> </div> </div> <div class="post-tools"> <button data-postid="huong-dan-dung-doms-javascript" class="btn btn-answerModalBox"><img class="mr-1" alt="Hướng dẫn dùng d.o.m.s. JavaScript" src="/dist/images/svg/messages_16.svg">Reply</button> <button data-postid="huong-dan-dung-doms-javascript" data-vote="up" class="btn btn-doVote"><img class="mr-1" alt="Hướng dẫn dùng d.o.m.s. JavaScript" src="/dist/images/svg/face-smile_16.svg">0</button> <button data-postid="huong-dan-dung-doms-javascript" data-vote="down" class="btn btn-doVote"><img class="mr-1" alt="Hướng dẫn dùng d.o.m.s. JavaScript" src="/dist/images/svg/poo_16.svg">0</button> <button class="btn"><img class="mr-1" alt="Hướng dẫn dùng d.o.m.s. JavaScript" src="/dist/images/svg/facebook_16.svg"> Chia sẻ</button> </div> </div><!-- end question-post-body --> </div><!-- end question-post-body-wrap --> </div><!-- end question --> <div id="answers_huong-dan-dung-doms-javascript" class="answers"> </div><!-- end answer-wrap --> <div class="entryFooter"> <div class="footerLinkAds"><div style="width:100%; margin:0 auto;"> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-4987931798153631" data-ad-slot="8199996671"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="footerRelated"><div class="postRelatedWidget"> <h2>Bài Viết Liên Quan</h2> <div class="questions-snippet layoutNews border-top border-top-gray"> <div class="max-width:840px"> <ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-fb-44+c1-1p-ns" data-ad-client="ca-pub-4987931798153631" data-ad-slot="7655066491"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/top-win-rates-league-of-legends-98-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/J0oqB_uB4dE/hq720_2.jpg?sqp=-oaymwExCNAFEJQDSFryq4qpAyMIARUAAIhCGADwAQH4AYwCgALgA4oCDAgAEAEYciBMKEQwDw==&rs=AOn4CLD-3VGfQVMis1aQxcEZ16rF5BsfqA" alt="Top win rates league of legends 9.8 năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/top-win-rates-league-of-legends-98-nam-2024">Top win rates league of legends 9.8 năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Top List" class="tag-link">Top List</a> <a href="/tags/Top" class="tag-link">Top</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/bai-2-trang-30-sgk-toan-9-tap-2-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/X0FQoaTR0Y4/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLBoq38hIls8_B6hi7qI5Zkf7rxFkg" alt="Bài 2 trang 30 sgk toán 9 tập 2 năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/bai-2-trang-30-sgk-toan-9-tap-2-nam-2024">Bài 2 trang 30 sgk toán 9 tập 2 năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/nong-dan-que-vo-noi-gi-ve-co-gioi-hoa-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/5CABFuY0uvE/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLD8LriKeEnPlWurfU2hJUpyMgk0yA" alt="Nông dân quế võ nói gì về cơ giới hóa năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/nong-dan-que-vo-noi-gi-ve-co-gioi-hoa-nam-2024">Nông dân quế võ nói gì về cơ giới hóa năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/cong-thuc-toan-dai-so-lop-10-hoc-ki-2-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/YxGYNBE6KtE/hq720.jpg?sqp=-oaymwExCNAFEJQDSFryq4qpAyMIARUAAIhCGAHwAQH4Af4JgALQBYoCDAgAEAEYfyAcKBMwDw==&rs=AOn4CLDVHgLKpmNmWMpPu7C4oV2FR0d2WQ" alt="Công thức toán đại số lớp 10 học kì 2 năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cong-thuc-toan-dai-so-lop-10-hoc-ki-2-nam-2024">Công thức toán đại số lớp 10 học kì 2 năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Học Tốt" class="tag-link">Học Tốt</a> <a href="/tags/Học" class="tag-link">Học</a> <a href="/tags/Công thức" class="tag-link">Công thức</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/bai-tap-giao-duc-cong-dan-7-trang-28-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/x7K9D1EW24M/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLAOHQbPYcefgGV8-tE6aIT1vnhKuA" alt="Bài tập giáo dục công dân 7 trang 28 năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/bai-tap-giao-duc-cong-dan-7-trang-28-nam-2024">Bài tập giáo dục công dân 7 trang 28 năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Khỏe Đẹp" class="tag-link">Khỏe Đẹp</a> <a href="/tags/Bài tập" class="tag-link">Bài tập</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/phi-dang-ky-giao-dich-bao-dam-tai-thanh-hoa-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/elujQWRvTJA/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLCVGX-oxSsfhFYqjXfy9-LyWwHqOQ" alt="Phí đăng ký giao dịch bảo đảm tại thanh hóa năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/phi-dang-ky-giao-dich-bao-dam-tai-thanh-hoa-nam-2024">Phí đăng ký giao dịch bảo đảm tại thanh hóa năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Ngôn ngữ" class="tag-link">Ngôn ngữ</a> <a href="/tags/Dịch " class="tag-link">Dịch </a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/bai-tap-mau-ve-dinh-gia-co-phieu-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/tQZohLoNN0M/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLCoflTHgBfhmG8DJtckxgiaHX76eQ" alt="Bài tập mẫu về định giá cổ phiếu năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/bai-tap-mau-ve-dinh-gia-co-phieu-nam-2024">Bài tập mẫu về định giá cổ phiếu năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Khỏe Đẹp" class="tag-link">Khỏe Đẹp</a> <a href="/tags/Bài tập" class="tag-link">Bài tập</a> <a href="/tags/Cryto" class="tag-link">Cryto</a> <a href="/tags/Giá " class="tag-link">Giá </a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/hieu-truong-truong-thpt-nguyen-trai-thanh-hoa-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/ItEDZwrzCEw/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLCOzvu1FplTXIyTmI2kQSDxaPQYCA" alt="Hiệu trưởng trường thpt nguyễn trãi thanh hóa năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/hieu-truong-truong-thpt-nguyen-trai-thanh-hoa-nam-2024">Hiệu trưởng trường thpt nguyễn trãi thanh hóa năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Thptnguyentrai edu vn" class="tag-link">Thptnguyentrai edu vn</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/trau-trung-binh-duoc-bao-nhieu-can-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/Rh1llNbozaM/hq720.jpg?sqp=-oaymwExCNAFEJQDSFryq4qpAyMIARUAAIhCGAHwAQH4AZQDgALQBYoCDAgAEAEYZSBdKFEwDw==&rs=AOn4CLB2uaLB4DEIhkvSKzJ5h-giEZAtSQ" alt="Trâu trung bình đươc bao nhieu cân năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/trau-trung-binh-duoc-bao-nhieu-can-nam-2024">Trâu trung bình đươc bao nhieu cân năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/twas-the-night-before-christmas-four-tops-lyrics-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/tTUeehd7Q2Y/hqdefault.jpg?sqp=-oaymwEjCOADEI4CSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLA5k8s-oGQMjANcqmYMeUqsNJ3oZw" alt="Twas the night before christmas four tops lyrics năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/twas-the-night-before-christmas-four-tops-lyrics-nam-2024">Twas the night before christmas four tops lyrics năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Top List" class="tag-link">Top List</a> <a href="/tags/Top" class="tag-link">Top</a> </div> </div> </div> </div><!-- end media --> <div class="max-width:840px"> <ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-fb-44+c1-1p-ns" data-ad-client="ca-pub-4987931798153631" data-ad-slot="7655066491"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/412-nguyen-van-linh-le-chan-thanh-pho-hai-phong-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/bSxiuthC_Rc/hqdefault.jpg?sqp=-oaymwEjCOADEI4CSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLCueal-Ked_JbbK2EzpRdjd-L7ihg" alt="412 nguyễn văn linh lê chân thành phố hải phòng năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/412-nguyen-van-linh-le-chan-thanh-pho-hai-phong-nam-2024">412 nguyễn văn linh lê chân thành phố hải phòng năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/khong-in-duoc-hoa-don-ban-hang-trong-misa-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/tqtnR6g2qSg/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLDxUlLTgB_15B3qQeIOj0bz0UUQ6A" alt="Không in được hóa đơn bán hàng trong misa năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/khong-in-duoc-hoa-don-ban-hang-trong-misa-nam-2024">Không in được hóa đơn bán hàng trong misa năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/giao-an-toan-hinh-hoc-10-chuong-2-bai-1-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/9jviAVOj2xA/hqdefault.jpg?sqp=-oaymwEjCOADEI4CSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLB9b-__f5Cjd-KNc--tdddpxub-ZQ" alt="Giao án toán hình học 10 chương 2 bài 1 năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/giao-an-toan-hinh-hoc-10-chuong-2-bai-1-nam-2024">Giao án toán hình học 10 chương 2 bài 1 năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Học Tốt" class="tag-link">Học Tốt</a> <a href="/tags/Học" class="tag-link">Học</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/cach-lap-hoa-don-dieu-chinh-tien-thue-tren-misa-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/7t1uiAlqcwU/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLBw0etBQ6xyVdXiUalYAlCo33Xx4Q" alt="Cách lập hóa đơn điều chỉnh tiền thuế trên misa năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cach-lap-hoa-don-dieu-chinh-tien-thue-tren-misa-nam-2024">Cách lập hóa đơn điều chỉnh tiền thuế trên misa năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Mẹo Hay" class="tag-link">Mẹo Hay</a> <a href="/tags/Cách" class="tag-link">Cách</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/tuyen-dung-ke-toan-ngan-hang-tai-ha-noi-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/5tb7RobAWiQ/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLD_-A0Yc5zADofksJwZJsmi-6ZxFA" alt="Tuyển dụng kế toán ngân hàng tại hà nội năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/tuyen-dung-ke-toan-ngan-hang-tai-ha-noi-nam-2024">Tuyển dụng kế toán ngân hàng tại hà nội năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Khoa Học" class="tag-link">Khoa Học</a> <a href="/tags/Ngân hà" class="tag-link">Ngân hà</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/ban-dat-duong-lo-chum-thanh-pho-thanh-hoa-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/mHHmKtYo_ok/hq720.jpg?sqp=-oaymwExCNAFEJQDSFryq4qpAyMIARUAAIhCGAHwAQH4Ac4FgAKACooCDAgAEAEYXiBeKF4wDw==&rs=AOn4CLDILrbcIJZf0IAPhKLr8ym3T2NEjQ" alt="Bán đất đường lò chum thành phố thanh hóa năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/ban-dat-duong-lo-chum-thanh-pho-thanh-hoa-nam-2024">Bán đất đường lò chum thành phố thanh hóa năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/khoa-my-thuat-cong-nghiep-dai-hoc-van-lang-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/QWvOwDxIqGc/hq720.jpg?sqp=-oaymwExCNAFEJQDSFryq4qpAyMIARUAAIhCGAHwAQH4Af4JgALQBYoCDAgAEAEYWSBZKFkwDw==&rs=AOn4CLDe9PShgy9UXRZkKQjdnqD9-9dVkQ" alt="Khoa mỹ thuật công nghiệp đại học văn lang năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/khoa-my-thuat-cong-nghiep-dai-hoc-van-lang-nam-2024">Khoa mỹ thuật công nghiệp đại học văn lang năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Học Tốt" class="tag-link">Học Tốt</a> <a href="/tags/Học" class="tag-link">Học</a> <a href="/tags/Đại học" class="tag-link">Đại học</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/1060-pham-van-dong-quan-thu-duc-tphcm-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/9gudqkI72qs/hq720.jpg?sqp=-oaymwExCNAFEJQDSFryq4qpAyMIARUAAIhCGAHwAQH4Af4JgALQBYoCDAgAEAEYZSBXKEYwDw==&rs=AOn4CLDm7Du4Xg-qfLCd0lCyvOmMZPhQWg" alt="1060 phạm văn đồng quận thủ đức tphcm năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/1060-pham-van-dong-quan-thu-duc-tphcm-nam-2024">1060 phạm văn đồng quận thủ đức tphcm năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/giai-bai-tap-toan-lop-6-bai-94-trang-38-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/-t_mP4FtNMM/hqdefault.jpg?sqp=-oaymwEjCOADEI4CSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLCQ88cvzb226CYEtSA9Ey-5--tLNg" alt="Giải bài tập toán lớp 6 bài 94 trang 38 năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/giai-bai-tap-toan-lop-6-bai-94-trang-38-nam-2024">Giải bài tập toán lớp 6 bài 94 trang 38 năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Khỏe Đẹp" class="tag-link">Khỏe Đẹp</a> <a href="/tags/Bài tập" class="tag-link">Bài tập</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/tuoi-nham-tuat-1982-tam-tai-nam-nao-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/lNzdWsUxhB8/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLBbibQPGBwxhZfnuA1ts5gEv6voGQ" alt="Tuổi nhâm tuất 1982 tam tai năm nào năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/tuoi-nham-tuat-1982-tam-tai-nam-nao-nam-2024">Tuổi nhâm tuất 1982 tam tai năm nào năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> </div> </div> </div> </div><!-- end media --> </div> </div></div> </div> </div> </div><!-- end question-main-bar --> </div><!-- end col-lg-9 --> <div class="postContentRight"> <div class="sidebar"> <div class="ad-card"> <h4 class="text-gray text-uppercase fs-13 pb-3 text-center">Quảng Cáo</h4> <div class="mb-4 mx-auto" style="text-align:center"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4987931798153631" data-ad-slot="8742637402" data-ad-format="auto" data-full-width-responsive="true"> </ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="card card-item"> <div class="card-body"> <h3 class="fs-17 pb-3">Có thể bạn quan tâm</h3> <div class="divider"><span></span></div> <div class="sidebar-questions pt-3"> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/cac-bai-tap-bung-tai-nha-hieu-qua-nam-2024">Các bài tập bụng tại nhà hiệu quả năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://hanghieugiatot.com/author/IntercontinentalCoyote" class="author">IntercontinentalCoyote</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/de-thi-toan-11-hoc-ki-2-co-dap-an-nam-2024">Đề thi toán 11 học kì 2 có đáp án năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://hanghieugiatot.com/author/ElaborateRedistribution" class="author">ElaborateRedistribution</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/bai-tap-doc-hieu-tieng-anh-lop-7-violet-nam-2024">Bài tập đọc hiểu tiếng anh lớp 7 violet năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://hanghieugiatot.com/author/MortalManufacturer" class="author">MortalManufacturer</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/cung-tai-bach-phi-hoa-khoa-nhap-cung-phu-the-nam-2024">Cung tài bạch phi hóa khoa nhập cung phu thê năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://hanghieugiatot.com/author/AbashedMisconception" class="author">AbashedMisconception</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/viet-doan-van-noi-ve-o-nhiem-moi-truong-nam-2024">Viết đoạn văn nói về ô nhiễm môi trường năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://hanghieugiatot.com/author/StarvingHabitation" class="author">StarvingHabitation</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/cach-thay-doi-mat-khau-wattpad-ma-bi-loi-nam-2024">Cách thay đổi mật khẩu wattpad mà bị lỗi năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://hanghieugiatot.com/author/MonotonousCounselor" class="author">MonotonousCounselor</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/benh-an-xuat-huyet-tieu-hoa-tren-lao-khoa-nam-2024">Bệnh án xuất huyết tiêu hóa trên lão khoa năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://hanghieugiatot.com/author/MassCarcass" class="author">MassCarcass</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/376-le-van-quoi-binh-hung-hoa-a-nam-2024">376 lê văn quới bình hưng hòa a năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://hanghieugiatot.com/author/EnclosedNovella" class="author">EnclosedNovella</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/bo-ho-so-nhap-khau-quyet-toan-thue-nam-2024">Bộ hồ sơ nhập khẩu quyết toán thuế năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://hanghieugiatot.com/author/ElectoralCommune" class="author">ElectoralCommune</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/70a-nguyen-van-luong-p10-qgo-vap-nam-2024">70a nguyễn văn lượng p.10 q.gò vấp năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://hanghieugiatot.com/author/ApprovedOpportunity" class="author">ApprovedOpportunity</a> </small> </div> </div><!-- end media --> </div><!-- end sidebar-questions --> </div> </div><!-- end card --> <div class="card card-item cardTopList"> <div class="card-body"> <h3 class="fs-17 pb-3">Toplist được quan tâm</h3> <div class="divider"><span></span></div> <div class="sidebar-questions pt-3"> <div class="media media-card media--card media--card-2"> <div class="topListNum">#1</div> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/toplist-top-4-uong-nuoc-chanh-sa-mat-ong-co-tac-dung-gi-2023">Top 4 uống nước chanh sả mật ong có tác dụng gì 2023</a></h5> <small class="meta text-right">7 tháng trước</small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="topListNum">#2</div> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/toplist-top-10-bai-tap-lam-van-so-5-lop-7-de-4-2023">Top 10 bài tập làm văn số 5 lớp 7 de 4 2023</a></h5> <small class="meta text-right">7 tháng trước</small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="topListNum">#3</div> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/toplist-top-3-vua-choi-da-co-tai-khoan-vuong-gia-chap-1-2023">Top 3 vừa chơi đã có tài khoản vương giả chap 1 2023</a></h5> <small class="meta text-right">7 tháng trước</small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="topListNum">#4</div> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/toplist-top-6-anh-se-on-thoi-cover-pham-nguyen-ngoc-lyrics-2023">Top 6 anh sẽ on thôi cover phạm nguyên ngọc lyrics 2023</a></h5> <small class="meta text-right">7 tháng trước</small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="topListNum">#5</div> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/toplist-top-7-tai-lieu-quan-ly-nha-nuoc-va-quan-ly-nganh-giao-duc-dao-tao-2023">Top 7 tài liệu quản lý nhà nước và quản lý ngành giáo dục đào tạo 2023</a></h5> <small class="meta text-right">7 tháng trước</small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="topListNum">#6</div> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/toplist-top-7-hay-ra-khoi-nguoi-do-di-hop-am-2023">Top 7 hãy ra khỏi người đó đi hợp âm 2023</a></h5> <small class="meta text-right">7 tháng trước</small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="topListNum">#7</div> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/toplist-top-6-giao-an-tho-ve-tham-nha-bac-2023">Top 6 giáo án thơ về thăm nhà bác 2023</a></h5> <small class="meta text-right">7 tháng trước</small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="topListNum">#8</div> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/toplist-top-8-giao-an-ngu-van-6-canh-dieu-2023">Top 8 giáo án ngữ văn 6 cánh diều 2023</a></h5> <small class="meta text-right">7 tháng trước</small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="topListNum">#9</div> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/toplist-top-9-tinh-bot-tham-gia-phan-ung-nao-2023">Top 9 tinh bột tham gia phản ứng nào 2023</a></h5> <small class="meta text-right">7 tháng trước</small> </div> </div><!-- end media --> </div><!-- end sidebar-questions --> </div> </div><!-- end card --> <div class="ad-card"> <h4 class="text-gray text-uppercase fs-14 pb-3 pb-3 text-center">Quảng cáo</h4> <div class="mb-4 mx-auto"> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-" data-ad-slot="" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="card card-item"> <div class="card-body"> <h3 class="fs-17 pb-3">Xem Nhiều</h3> <div class="divider"><span></span></div> <div class="sidebar-questions pt-3"> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/bai-18-trinh-bay-van-ban-khi-in-nam-2024">Bài 18 trinh bày văn bản khi in năm 2024</a></h5> <small class="meta"> <span class="pr-1">4 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://hanghieugiatot.com/author/MysticIntersection" class="author">MysticIntersection</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/ca-nhan-tu-quyet-toan-thue-2-thang-thu-viec-nam-2024">Cá nhân tự quyết toán thuế 2 tháng thử việc năm 2024</a></h5> <small class="meta"> <span class="pr-1">5 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://hanghieugiatot.com/author/Foreign-policyScissors" class="author">Foreign-policyScissors</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/tiem-vitamin-k-cho-tre-so-sinh-khi-nao-nam-2024">Tiêm vitamin k cho trẻ sơ sinh khi nào năm 2024</a></h5> <small class="meta"> <span class="pr-1">2 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://hanghieugiatot.com/author/ConqueringEmperor" class="author">ConqueringEmperor</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/toi-vu-khong-nguoi-khac-bi-phat-nhu-the-nao-nam-2024">Tội vu khống người khác bị phạt như thế nào năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 tuần trước</span> <span class="pr-1">. bởi</span> <a href="https://hanghieugiatot.com/author/HowlingReformer" class="author">HowlingReformer</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/but-toan-tinh-tien-thue-gtgt-phai-nop-nam-2024">Bút toán tính tiền thuế gtgt phải nộp năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 tuần trước</span> <span class="pr-1">. bởi</span> <a href="https://hanghieugiatot.com/author/CompulsiveOutpost" class="author">CompulsiveOutpost</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/bai-tap-dong-vi-nang-cao-co-dap-an-nam-2024">Bài tập đồng vị nâng cao có đáp án năm 2024</a></h5> <small class="meta"> <span class="pr-1">6 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://hanghieugiatot.com/author/UnfaithfulBattling" class="author">UnfaithfulBattling</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/cach-khac-phuc-loi-c11-noi-com-dien-toshiba-nam-2024">Cách khắc phục lỗi c11 nồi cơm điện toshiba năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 tuần trước</span> <span class="pr-1">. bởi</span> <a href="https://hanghieugiatot.com/author/StudiedWomanhood" class="author">StudiedWomanhood</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/top-game-nhe-cho-laptop-cau-hinh-yeu-nam-2024">Top game nhẹ cho laptop cấu hình yếu năm 2024</a></h5> <small class="meta"> <span class="pr-1">2 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://hanghieugiatot.com/author/SouthernGenitals" class="author">SouthernGenitals</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/top-truyen-ngon-tinh-huyen-huyen-hay-nhat-nam-2024">Top truyện ngôn tình huyền huyễn hay nhất năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 tuần trước</span> <span class="pr-1">. bởi</span> <a href="https://hanghieugiatot.com/author/PutativeRetailer" class="author">PutativeRetailer</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/he-dieu-hanh-1231-dung-cho-dien-thoai-nao-nam-2024">Hệ điều hành 12.3.1 dùng cho điên thoại nào năm 2024</a></h5> <small class="meta"> <span class="pr-1">6 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://hanghieugiatot.com/author/SeparatedAbbey" class="author">SeparatedAbbey</a> </small> </div> </div><!-- end media --> </div><!-- end sidebar-questions --> </div> </div><!-- end card --> <div class="ad-card"> <h4 class="text-gray text-uppercase fs-14 pb-3 pb-3 text-center">Quảng cáo</h4> <div class="mb-4 mx-auto" style=" text-align: center"> <div id='div-gpt-ad-1657246837997-0' style='min-width: 300px; min-height: 600px;'> <script> googletag.cmd.push(function() { googletag.display('div-gpt-ad-1657246837997-0'); }); </script> </div> </div> </div> </div><!-- end sidebar --> </div><!-- end col-lg-3 --> </div><!-- end row --> </div><!-- end container --> </section><!-- end question-area --> <!-- ================================ END QUESTION AREA ================================= --> <script>var questionId ='huong-dan-dung-doms-javascript'</script> <script>var postTime ='2022-09-07T10:45:51.844Z'</script> <script>var siteDomain ='hanghieugiatot.com'</script> <script type="text/javascript" src="https://hanghieugiatot.com/dist/js/pages/comment.js"></script> <!-- ================================ END FOOTER AREA ================================= --> <section class="footer-area pt-80px bg-dark position-relative"> <span class="vertical-bar-shape vertical-bar-shape-1"></span> <span class="vertical-bar-shape vertical-bar-shape-2"></span> <span class="vertical-bar-shape vertical-bar-shape-3"></span> <span class="vertical-bar-shape vertical-bar-shape-4"></span> <div class="container"> <div class="row"> <div class="col-lg-3 responsive-column-half"> <div class="footer-item"> <h3 class="fs-18 fw-bold pb-2 text-white">Chúng tôi</h3> <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white"> <li><a href="/about.html">Giới thiệu</a></li> <li><a href="/contact.html">Liên hệ</a></li> <li><a href="/contact.html">Tuyển dụng</a></li> <li><a href="/contact.html">Quảng cáo</a></li> </ul> </div><!-- end footer-item --> </div><!-- end col-lg-3 --> <div class="col-lg-3 responsive-column-half"> <div class="footer-item"> <h3 class="fs-18 fw-bold pb-2 text-white">Điều khoản</h3> <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white"> <li><a href="/privacy-statement.html">Điều khoản hoạt động</a></li> <li><a href="/terms-and-conditions.html">Điều kiện tham gia</a></li> <li><a href="/privacy-statement.html">Quy định cookie</a></li> </ul> </div><!-- end footer-item --> </div><!-- end col-lg-3 --> <div class="col-lg-3 responsive-column-half"> <div class="footer-item"> <h3 class="fs-18 fw-bold pb-2 text-white">Trợ giúp</h3> <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white"> <li><a href="/contact.html">Hướng dẫn</a></li> <li><a href="/contact.html">Loại bỏ câu hỏi</a></li> <li><a href="/contact.html">Liên hệ</a></li> </ul> </div><!-- end footer-item --> </div><!-- end col-lg-3 --> <div class="col-lg-3 responsive-column-half"> <div class="footer-item"> <h3 class="fs-18 fw-bold pb-2 text-white">Mạng xã hội</h3> <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white"> <li><a href="#"><i class="fab fa-facebook-f mr-1"></i> Facebook</a></li> <li><a href="#"><i class="fab fa-twitter mr-1"></i> Twitter</a></li> <li><a href="#"><i class="fab fa-linkedin mr-1"></i> LinkedIn</a></li> <li><a href="#"><i class="fab fa-instagram mr-1"></i> Instagram</a></li> </ul> </div><!-- end footer-item --> </div><!-- end col-lg-3 --> </div><!-- end row --> </div><!-- end container --> <hr class="border-top-gray my-5"> <div class="container"> <div class="row align-items-center pb-4 copyright-wrap"> <div class="col-6"> <a href="//www.dmca.com/Protection/Status.aspx?ID=33e5dca6-f8c5-4c6f-b8e6-a247229d2953" title="DMCA.com Protection Status" class="dmca-badge"> <img src ="https://images.dmca.com/Badges/dmca_protected_sml_120am.png?ID=33e5dca6-f8c5-4c6f-b8e6-a247229d2953" width="123px" height="21px" alt="DMCA.com Protection Status" /></a> <script src="https://images.dmca.com/Badges/DMCABadgeHelper.min.js"> </script> </div> <!-- end col-lg-6 --><div class="col-6"> <div class="copyright-desc text-right fs-14"> <div>Bản quyền © 2021 <a href="https://hanghieugiatot.com">Hàng Hiệu</a> Inc.</div> </div> </div><!-- end col-lg-6 --> </div><!-- end row --> </div><!-- end container --> </section><!-- end footer-area --> <!-- ================================ END FOOTER AREA ================================= --><script> $( document ).ready(function() { setTimeout(showMoreButton, 3000); function showMoreButton(){ let minheight = 1000; minheight = parseInt($("#entryContent").innerHeight())/3; $("#entryContent").css('min-height', minheight).css('max-height', minheight).css('overflow', 'hidden'); $("#readmore_content").click(function(){ $("#entryContent").css('min-height', '').css('max-height', '').css('overflow', ''); $(".readmore_content_exists").css('display', 'none'); }) } }); </script> <!-- template js files --> <!-- start back to top --> <div id="back-to-top" data-toggle="tooltip" data-placement="top" title="Lên đầu trang"> <img alt="" src="/dist/images/svg/arrow-up_20.svg"> </div> <!-- end back to top --> <script src="https://hanghieugiatot.com/dist/js/bootstrap.bundle.min.js"></script> <script src="https://hanghieugiatot.com/dist/js/moment.js"></script> <script src="https://hanghieugiatot.com/dist/js/read-more.min.js"></script> <script src="https://hanghieugiatot.com/dist/js/main.js?v=6"></script> <!-- Google Tag Manager (noscript) --> <script type="text/javascript"> (function(c,l,a,r,i,t,y){ c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); })(window, document, "clarity", "script", "jxuz46z39u"); </script> </body> </html>