programming javascript Append HTML JavaScript insertAdjacentHTML innerHTML Add element jQuery

Hướng dẫn how do you add html in javascript? - làm thế nào để bạn thêm html trong javascript?

Chào mừng bạn đến với một hướng dẫn ngắn của người mới bắt đầu về cách thêm mã HTML trong JavaScript. Vì vậy, cuối cùng bạn đã đến mức làm việc với cả HTML và JavaScript, nhưng thách thức là bây giờ bạn phải thêm một số HTML vào một trang hiện có.

Thêm mã HTML bằng cách sử dụng JavaScript thực sự là một bộ chứa mục tiêu đơn giản và chèn quá trình HTML HTML:

  1. Bằng cách thay đổi trực tiếp hoặc nối vào HTML bên trong.
    • var target = document.getElementById["ID"];
    • target.innerHTML += "

      CONTENTS

      ";
  2. Bằng cách tạo và chèn một yếu tố mới.
    • var newElement = document.createElement["p"];
    • newElement.innerHTML = "CONTENTS";
    • document.getElementById["ID"].appendChild[newElement];

Chuẩn rồi. Đơn giản như cơ chế chọn lọc này có vẻ như, thực sự có khá nhiều cách để chọn và chèn các yếu tố. Vì vậy, chúng ta hãy đi qua một số ví dụ thực tế trong hướng dẫn này - đọc tiếp!

Tôi đã bao gồm một tệp zip với tất cả các mã nguồn ví dụ khi bắt đầu hướng dẫn này, vì vậy bạn không phải sao chép mọi thứ, hoặc nếu bạn chỉ muốn đi thẳng vào.

Slide nhanh

MỤC LỤC

Tải xuống & ghi chú

Đầu tiên, đây là liên kết tải xuống đến mã nguồn ví dụ như đã hứa.

Ghi chú nhanh

Nếu bạn phát hiện ra một lỗi, hãy bình luận bên dưới. Tôi cũng cố gắng trả lời các câu hỏi ngắn, nhưng đó là một người so với toàn bộ thế giới, nếu bạn cần câu trả lời khẩn cấp, vui lòng kiểm tra danh sách các trang web của tôi để nhận trợ giúp lập trình.

Mã hóa ví dụ Tải xuống

Nhấn vào đây để tải xuống mã nguồn, tôi đã phát hành nó theo giấy phép MIT, vì vậy hãy thoải mái xây dựng trên đó hoặc sử dụng nó trong dự án của riêng bạn.

Được rồi, bây giờ chúng ta hãy tự di chuyển vào các ví dụ thực tế - cách chúng ta có thể làm việc với JavaScript để thêm mã và phần tử HTML.

Phương pháp 1] Thay đổi trực tiếp mã HTML

1-direct-code.html



Foo Bar!

 

window.addEventListener["load", [] => {
  // [B] GET HTML ELEMENT
  var demo = document.getElementById["demo"];
  console.log[demo];
 
  // [C] THIS WILL REPLACE THE CONTENTS
  demo.innerHTML = "John Doe";
 
  // [D] THIS WILL APPEND TO THE CONTENTS
  demo.innerHTML += " is NOT John Wick.";
}];

Phương pháp đầu tiên này sẽ sử dụng thuộc tính 



John Doe

 

window.addEventListener["load", [] => {
  // [B] GET HTML ELEMENT
  var demoA = document.getElementById["demo"];
 
  // [C] CREATE ELEMENT + SET CONTENTS
  var demoB = document.createElement["strong"];
  demoB.innerHTML = " SAYS ";
  demoA.appendChild[demoB];
 
  // [D] CREATE NEW TEXT NODE
  var demoC = document.createTextNode["uvuvwevwevwe onyetenyevwe ugwemubwem ossas"];
  demoA.appendChild[demoC];
}];
0 để trực tiếp điều khiển HTML.

  • [A] Đầu tiên, chúng tôi cung cấp cho phần tử HTML một 
    

    John Doe
    
 

window.addEventListener["load", [] => {
  // [B] GET HTML ELEMENT
  var demoA = document.getElementById["demo"];
 
  // [C] CREATE ELEMENT + SET CONTENTS
  var demoB = document.createElement["strong"];
  demoB.innerHTML = " SAYS ";
  demoA.appendChild[demoB];
 
  // [D] CREATE NEW TEXT NODE
  var demoC = document.createTextNode["uvuvwevwevwe onyetenyevwe ugwemubwem ossas"];
  demoA.appendChild[demoC];
}];
    1 duy nhất.     First, we give the HTML element a unique 
    

    John Doe
    
 

window.addEventListener["load", [] => {
  // [B] GET HTML ELEMENT
  var demoA = document.getElementById["demo"];
 
  // [C] CREATE ELEMENT + SET CONTENTS
  var demoB = document.createElement["strong"];
  demoB.innerHTML = " SAYS ";
  demoA.appendChild[demoB];
 
  // [D] CREATE NEW TEXT NODE
  var demoC = document.createTextNode["uvuvwevwevwe onyetenyevwe ugwemubwem ossas"];
  demoA.appendChild[demoC];
}];
    1.
  • [B] Sau đó chọn nó với 
    

    John Doe
    
 

window.addEventListener["load", [] => {
  // [B] GET HTML ELEMENT
  var demoA = document.getElementById["demo"];
 
  // [C] CREATE ELEMENT + SET CONTENTS
  var demoB = document.createElement["strong"];
  demoB.innerHTML = " SAYS ";
  demoA.appendChild[demoB];
 
  // [D] CREATE NEW TEXT NODE
  var demoC = document.createTextNode["uvuvwevwevwe onyetenyevwe ugwemubwem ossas"];
  demoA.appendChild[demoC];
}];
    2 trong JavaScript.     Then select it with 
    

    John Doe
    
 

window.addEventListener["load", [] => {
  // [B] GET HTML ELEMENT
  var demoA = document.getElementById["demo"];
 
  // [C] CREATE ELEMENT + SET CONTENTS
  var demoB = document.createElement["strong"];
  demoB.innerHTML = " SAYS ";
  demoA.appendChild[demoB];
 
  // [D] CREATE NEW TEXT NODE
  var demoC = document.createTextNode["uvuvwevwevwe onyetenyevwe ugwemubwem ossas"];
  demoA.appendChild[demoC];
}];
    2 in Javascript.
  • [C & D] Cuối cùng, hãy lưu ý rằng 
    

    John Doe
    
 

window.addEventListener["load", [] => {
  // [B] GET HTML ELEMENT
  var demoA = document.getElementById["demo"];
 
  // [C] CREATE ELEMENT + SET CONTENTS
  var demoB = document.createElement["strong"];
  demoB.innerHTML = " SAYS ";
  demoA.appendChild[demoB];
 
  // [D] CREATE NEW TEXT NODE
  var demoC = document.createTextNode["uvuvwevwevwe onyetenyevwe ugwemubwem ossas"];
  demoA.appendChild[demoC];
}];
    0 có thể được sử dụng theo hai hướng.     Finally, take note that 
    

    John Doe
    
 

window.addEventListener["load", [] => {
  // [B] GET HTML ELEMENT
  var demoA = document.getElementById["demo"];
 
  // [C] CREATE ELEMENT + SET CONTENTS
  var demoB = document.createElement["strong"];
  demoB.innerHTML = " SAYS ";
  demoA.appendChild[demoB];
 
  // [D] CREATE NEW TEXT NODE
  var demoC = document.createTextNode["uvuvwevwevwe onyetenyevwe ugwemubwem ossas"];
  demoA.appendChild[demoC];
}];
    0 can be used in two directions. 
    • 

      John Doe
      
 

window.addEventListener["load", [] => {
  // [B] GET HTML ELEMENT
  var demoA = document.getElementById["demo"];
 
  // [C] CREATE ELEMENT + SET CONTENTS
  var demoB = document.createElement["strong"];
  demoB.innerHTML = " SAYS ";
  demoA.appendChild[demoB];
 
  // [D] CREATE NEW TEXT NODE
  var demoC = document.createTextNode["uvuvwevwevwe onyetenyevwe ugwemubwem ossas"];
  demoA.appendChild[demoC];
}];
      4 để có được nội dung hiện tại.
    • 

      John Doe
      
 

window.addEventListener["load", [] => {
  // [B] GET HTML ELEMENT
  var demoA = document.getElementById["demo"];
 
  // [C] CREATE ELEMENT + SET CONTENTS
  var demoB = document.createElement["strong"];
  demoB.innerHTML = " SAYS ";
  demoA.appendChild[demoB];
 
  // [D] CREATE NEW TEXT NODE
  var demoC = document.createTextNode["uvuvwevwevwe onyetenyevwe ugwemubwem ossas"];
  demoA.appendChild[demoC];
}];
      5 để thay thế nội dung.
    • 

      John Doe
      
 

window.addEventListener["load", [] => {
  // [B] GET HTML ELEMENT
  var demoA = document.getElementById["demo"];
 
  // [C] CREATE ELEMENT + SET CONTENTS
  var demoB = document.createElement["strong"];
  demoB.innerHTML = " SAYS ";
  demoA.appendChild[demoB];
 
  // [D] CREATE NEW TEXT NODE
  var demoC = document.createTextNode["uvuvwevwevwe onyetenyevwe ugwemubwem ossas"];
  demoA.appendChild[demoC];
}];
      6 để nối vào các nội dung hiện có.

Phương pháp 2] Tạo và nối các phần tử HTML

2-create-element.html



John Doe

 

window.addEventListener["load", [] => {
  // [B] GET HTML ELEMENT
  var demoA = document.getElementById["demo"];
 
  // [C] CREATE ELEMENT + SET CONTENTS
  var demoB = document.createElement["strong"];
  demoB.innerHTML = " SAYS ";
  demoA.appendChild[demoB];
 
  // [D] CREATE NEW TEXT NODE
  var demoC = document.createTextNode["uvuvwevwevwe onyetenyevwe ugwemubwem ossas"];
  demoA.appendChild[demoC];
}];

Phương pháp này là một chút định hướng đối tượng của người Viking, tạo ra các phần tử HTML mới trong JavaScript và thêm chúng vào tài liệu.

  • [A & B] Như thường lệ, cho phần tử HTML một 
    

    John Doe
    
 

window.addEventListener["load", [] => {
  // [B] GET HTML ELEMENT
  var demoA = document.getElementById["demo"];
 
  // [C] CREATE ELEMENT + SET CONTENTS
  var demoB = document.createElement["strong"];
  demoB.innerHTML = " SAYS ";
  demoA.appendChild[demoB];
 
  // [D] CREATE NEW TEXT NODE
  var demoC = document.createTextNode["uvuvwevwevwe onyetenyevwe ugwemubwem ossas"];
  demoA.appendChild[demoC];
}];
    1. Sau đó sử dụng 
    

    John Doe
    
 

window.addEventListener["load", [] => {
  // [B] GET HTML ELEMENT
  var demoA = document.getElementById["demo"];
 
  // [C] CREATE ELEMENT + SET CONTENTS
  var demoB = document.createElement["strong"];
  demoB.innerHTML = " SAYS ";
  demoA.appendChild[demoB];
 
  // [D] CREATE NEW TEXT NODE
  var demoC = document.createTextNode["uvuvwevwevwe onyetenyevwe ugwemubwem ossas"];
  demoA.appendChild[demoC];
}];
    8 để có được nó.     As usual, give the HTML element an 
    

    John Doe
    
 

window.addEventListener["load", [] => {
  // [B] GET HTML ELEMENT
  var demoA = document.getElementById["demo"];
 
  // [C] CREATE ELEMENT + SET CONTENTS
  var demoB = document.createElement["strong"];
  demoB.innerHTML = " SAYS ";
  demoA.appendChild[demoB];
 
  // [D] CREATE NEW TEXT NODE
  var demoC = document.createTextNode["uvuvwevwevwe onyetenyevwe ugwemubwem ossas"];
  demoA.appendChild[demoC];
}];
    1. Then use 
    

    John Doe
    
 

window.addEventListener["load", [] => {
  // [B] GET HTML ELEMENT
  var demoA = document.getElementById["demo"];
 
  // [C] CREATE ELEMENT + SET CONTENTS
  var demoB = document.createElement["strong"];
  demoB.innerHTML = " SAYS ";
  demoA.appendChild[demoB];
 
  // [D] CREATE NEW TEXT NODE
  var demoC = document.createTextNode["uvuvwevwevwe onyetenyevwe ugwemubwem ossas"];
  demoA.appendChild[demoC];
}];
    8 to get it.
  • [C] Nhưng thay vì thay thế trực tiếp 
    

    John Doe
    
 

window.addEventListener["load", [] => {
  // [B] GET HTML ELEMENT
  var demoA = document.getElementById["demo"];
 
  // [C] CREATE ELEMENT + SET CONTENTS
  var demoB = document.createElement["strong"];
  demoB.innerHTML = " SAYS ";
  demoA.appendChild[demoB];
 
  // [D] CREATE NEW TEXT NODE
  var demoC = document.createTextNode["uvuvwevwevwe onyetenyevwe ugwemubwem ossas"];
  demoA.appendChild[demoC];
}];
    0, chúng tôi tạo ra một phần tử HTML mới thay thế.     But instead of directly replacing the 
    

    John Doe
    
 

window.addEventListener["load", [] => {
  // [B] GET HTML ELEMENT
  var demoA = document.getElementById["demo"];
 
  // [C] CREATE ELEMENT + SET CONTENTS
  var demoB = document.createElement["strong"];
  demoB.innerHTML = " SAYS ";
  demoA.appendChild[demoB];
 
  // [D] CREATE NEW TEXT NODE
  var demoC = document.createTextNode["uvuvwevwevwe onyetenyevwe ugwemubwem ossas"];
  demoA.appendChild[demoC];
}];
    0, we create a new HTML element instead.
    • Chúng tôi sử dụng 
      

      Foo Bar!
      

Foo Bar!
DemoD

      
  John Doe is not John Wick.

      


// [B] GET BY ID
var demoA = document.getElementById["demoA"];
console.log[demoA]; // 
      

// [C] GET BY NAME
var demoB = document.getElementsByName["demoB"];
console.log[demoB]; // node list - []
 
// [D] GET BY CSS CLASS
var demoC = document.getElementsByClassName["demoC"];
console.log[demoC]; // html collection - []
 
// [E] GET BY TAG NAME
var demoD = document.getElementsByTagName["u"];
console.log[demoD]; // html collection - [demoD]
 
// [F] GET BY QUERY SELECTOR
var demoE = document.querySelector["#demoE strong"];
console.log[demoE]; // not
 
// [G] GET BY QUERY SELECTOR [MULTIPLE SELECTORS]
var demoF = document.querySelectorAll["span.demoC, p#demoE"];
console.log[demoF]; // node list - [, 
      ]
 
/* USE FOR TO LOOP THROUGH THE COLLECTIONS + LIST
for [let el of element] { console.log[el]; }
      0 để tạo thẻ HTML mới.
    • Sau đó thay đổi nội dung bằng cách sử dụng ____ ____ 21 mà bạn đã biết.
    • Cuối cùng, hãy nối phần tử mới vào cha mẹ - 
      

      Foo Bar!
      

Foo Bar!
DemoD

      
  John Doe is not John Wick.

      


// [B] GET BY ID
var demoA = document.getElementById["demoA"];
console.log[demoA]; // 
      

// [C] GET BY NAME
var demoB = document.getElementsByName["demoB"];
console.log[demoB]; // node list - []
 
// [D] GET BY CSS CLASS
var demoC = document.getElementsByClassName["demoC"];
console.log[demoC]; // html collection - []
 
// [E] GET BY TAG NAME
var demoD = document.getElementsByTagName["u"];
console.log[demoD]; // html collection - [demoD]
 
// [F] GET BY QUERY SELECTOR
var demoE = document.querySelector["#demoE strong"];
console.log[demoE]; // not
 
// [G] GET BY QUERY SELECTOR [MULTIPLE SELECTORS]
var demoF = document.querySelectorAll["span.demoC, p#demoE"];
console.log[demoF]; // node list - [, 
      ]
 
/* USE FOR TO LOOP THROUGH THE COLLECTIONS + LIST
for [let el of element] { console.log[el]; }
      2.
  • [D] Nếu bạn chỉ muốn nối thêm văn bản, hãy tạo một nút văn bản thay thế - 
    

    Foo Bar!
    

Foo Bar!
DemoD

    
  John Doe is not John Wick.

    


// [B] GET BY ID
var demoA = document.getElementById["demoA"];
console.log[demoA]; // 
    

// [C] GET BY NAME
var demoB = document.getElementsByName["demoB"];
console.log[demoB]; // node list - []
 
// [D] GET BY CSS CLASS
var demoC = document.getElementsByClassName["demoC"];
console.log[demoC]; // html collection - []
 
// [E] GET BY TAG NAME
var demoD = document.getElementsByTagName["u"];
console.log[demoD]; // html collection - [demoD]
 
// [F] GET BY QUERY SELECTOR
var demoE = document.querySelector["#demoE strong"];
console.log[demoE]; // not
 
// [G] GET BY QUERY SELECTOR [MULTIPLE SELECTORS]
var demoF = document.querySelectorAll["span.demoC, p#demoE"];
console.log[demoF]; // node list - [, 
    ]
 
/* USE FOR TO LOOP THROUGH THE COLLECTIONS + LIST
for [let el of element] { console.log[el]; }
    3.     If you just want to append text, create a text node instead – 
    

    Foo Bar!
    

Foo Bar!
DemoD

    
  John Doe is not John Wick.

    


// [B] GET BY ID
var demoA = document.getElementById["demoA"];
console.log[demoA]; // 
    

// [C] GET BY NAME
var demoB = document.getElementsByName["demoB"];
console.log[demoB]; // node list - []
 
// [D] GET BY CSS CLASS
var demoC = document.getElementsByClassName["demoC"];
console.log[demoC]; // html collection - []
 
// [E] GET BY TAG NAME
var demoD = document.getElementsByTagName["u"];
console.log[demoD]; // html collection - [demoD]
 
// [F] GET BY QUERY SELECTOR
var demoE = document.querySelector["#demoE strong"];
console.log[demoE]; // not
 
// [G] GET BY QUERY SELECTOR [MULTIPLE SELECTORS]
var demoF = document.querySelectorAll["span.demoC, p#demoE"];
console.log[demoF]; // node list - [, 
    ]
 
/* USE FOR TO LOOP THROUGH THE COLLECTIONS + LIST
for [let el of element] { console.log[el]; }
    3.

Thêm lựa chọn và chèn HTML

Càng xa càng tốt? Dưới đây là một vài ví dụ khác về các cách khác nhau để chọn và chèn các phần tử HTML.

Nhận các phần tử HTML trong JavaScript

3-get-element.html



Foo Bar!


Foo Bar!
DemoD


  John Doe is not John Wick.




// [B] GET BY ID
var demoA = document.getElementById["demoA"];
console.log[demoA]; // 


// [C] GET BY NAME
var demoB = document.getElementsByName["demoB"];
console.log[demoB]; // node list - []
 
// [D] GET BY CSS CLASS
var demoC = document.getElementsByClassName["demoC"];
console.log[demoC]; // html collection - []
 
// [E] GET BY TAG NAME
var demoD = document.getElementsByTagName["u"];
console.log[demoD]; // html collection - [demoD]
 
// [F] GET BY QUERY SELECTOR
var demoE = document.querySelector["#demoE strong"];
console.log[demoE]; // not
 
// [G] GET BY QUERY SELECTOR [MULTIPLE SELECTORS]
var demoF = document.querySelectorAll["span.demoC, p#demoE"];
console.log[demoF]; // node list - [, 
]
 
/* USE FOR TO LOOP THROUGH THE COLLECTIONS + LIST
for [let el of element] { console.log[el]; }

Nhận các phần tử theo ID không phải là cách duy nhất trong JavaScript. Có rất nhiều điều mà bạn nên lưu ý.

Phương pháp Sự mô tả Tài liệu tham khảo 


Foo Bar!


Foo Bar!
DemoD


  John Doe is not John Wick.


  





// [B] GET BY ID
var demoA = document.getElementById["demoA"];
console.log[demoA]; // 


// [C] GET BY NAME
var demoB = document.getElementsByName["demoB"];
console.log[demoB]; // node list - []
 
// [D] GET BY CSS CLASS
var demoC = document.getElementsByClassName["demoC"];
console.log[demoC]; // html collection - []
 
// [E] GET BY TAG NAME
var demoD = document.getElementsByTagName["u"];
console.log[demoD]; // html collection - [demoD]
 
// [F] GET BY QUERY SELECTOR
var demoE = document.querySelector["#demoE strong"];
console.log[demoE]; // not
 
// [G] GET BY QUERY SELECTOR [MULTIPLE SELECTORS]
var demoF = document.querySelectorAll["span.demoC, p#demoE"];
console.log[demoF]; // node list - [, 
]
 
/* USE FOR TO LOOP THROUGH THE COLLECTIONS + LIST
for [let el of element] { console.log[el]; }
4		Nhận phần tử HTML với ID đã cho.Bấm vào đây


Foo Bar!


Foo Bar!
DemoD


  John Doe is not John Wick.




// [B] GET BY ID
var demoA = document.getElementById["demoA"];
console.log[demoA]; // 


// [C] GET BY NAME
var demoB = document.getElementsByName["demoB"];
console.log[demoB]; // node list - []
 
// [D] GET BY CSS CLASS
var demoC = document.getElementsByClassName["demoC"];
console.log[demoC]; // html collection - []
 
// [E] GET BY TAG NAME
var demoD = document.getElementsByTagName["u"];
console.log[demoD]; // html collection - [demoD]
 
// [F] GET BY QUERY SELECTOR
var demoE = document.querySelector["#demoE strong"];
console.log[demoE]; // not
 
// [G] GET BY QUERY SELECTOR [MULTIPLE SELECTORS]
var demoF = document.querySelectorAll["span.demoC, p#demoE"];
console.log[demoF]; // node list - [, 
]
 
/* USE FOR TO LOOP THROUGH THE COLLECTIONS + LIST
for [let el of element] { console.log[el]; }
5		Nhận phần tử HTML với tên đã cho.Bấm vào đây


Foo Bar!


Foo Bar!
DemoD


  John Doe is not John Wick.




// [B] GET BY ID
var demoA = document.getElementById["demoA"];
console.log[demoA]; // 


// [C] GET BY NAME
var demoB = document.getElementsByName["demoB"];
console.log[demoB]; // node list - []
 
// [D] GET BY CSS CLASS
var demoC = document.getElementsByClassName["demoC"];
console.log[demoC]; // html collection - []
 
// [E] GET BY TAG NAME
var demoD = document.getElementsByTagName["u"];
console.log[demoD]; // html collection - [demoD]
 
// [F] GET BY QUERY SELECTOR
var demoE = document.querySelector["#demoE strong"];
console.log[demoE]; // not
 
// [G] GET BY QUERY SELECTOR [MULTIPLE SELECTORS]
var demoF = document.querySelectorAll["span.demoC, p#demoE"];
console.log[demoF]; // node list - [, 
]
 
/* USE FOR TO LOOP THROUGH THE COLLECTIONS + LIST
for [let el of element] { console.log[el]; }
5		Nhận phần tử HTML với tên đã cho.Bấm vào đây


Foo Bar!


Foo Bar!
DemoD


  John Doe is not John Wick.




// [B] GET BY ID
var demoA = document.getElementById["demoA"];
console.log[demoA]; // 


// [C] GET BY NAME
var demoB = document.getElementsByName["demoB"];
console.log[demoB]; // node list - []
 
// [D] GET BY CSS CLASS
var demoC = document.getElementsByClassName["demoC"];
console.log[demoC]; // html collection - []
 
// [E] GET BY TAG NAME
var demoD = document.getElementsByTagName["u"];
console.log[demoD]; // html collection - [demoD]
 
// [F] GET BY QUERY SELECTOR
var demoE = document.querySelector["#demoE strong"];
console.log[demoE]; // not
 
// [G] GET BY QUERY SELECTOR [MULTIPLE SELECTORS]
var demoF = document.querySelectorAll["span.demoC, p#demoE"];
console.log[demoF]; // node list - [, 
]
 
/* USE FOR TO LOOP THROUGH THE COLLECTIONS + LIST
for [let el of element] { console.log[el]; }
5		Nhận phần tử HTML với tên đã cho.Bấm vào đây


Foo Bar!


Foo Bar!
DemoD


  John Doe is not John Wick.




// [B] GET BY ID
var demoA = document.getElementById["demoA"];
console.log[demoA]; // 


// [C] GET BY NAME
var demoB = document.getElementsByName["demoB"];
console.log[demoB]; // node list - []
 
// [D] GET BY CSS CLASS
var demoC = document.getElementsByClassName["demoC"];
console.log[demoC]; // html collection - []
 
// [E] GET BY TAG NAME
var demoD = document.getElementsByTagName["u"];
console.log[demoD]; // html collection - [demoD]
 
// [F] GET BY QUERY SELECTOR
var demoE = document.querySelector["#demoE strong"];
console.log[demoE]; // not
 
// [G] GET BY QUERY SELECTOR [MULTIPLE SELECTORS]
var demoF = document.querySelectorAll["span.demoC, p#demoE"];
console.log[demoF]; // node list - [, 
]
 
/* USE FOR TO LOOP THROUGH THE COLLECTIONS + LIST
for [let el of element] { console.log[el]; }
5		Nhận phần tử HTML với tên đã cho.Bấm vào đây


Foo Bar!


Foo Bar!
DemoD


  John Doe is not John Wick.




// [B] GET BY ID
var demoA = document.getElementById["demoA"];
console.log[demoA]; // 


// [C] GET BY NAME
var demoB = document.getElementsByName["demoB"];
console.log[demoB]; // node list - []
 
// [D] GET BY CSS CLASS
var demoC = document.getElementsByClassName["demoC"];
console.log[demoC]; // html collection - []
 
// [E] GET BY TAG NAME
var demoD = document.getElementsByTagName["u"];
console.log[demoD]; // html collection - [demoD]
 
// [F] GET BY QUERY SELECTOR
var demoE = document.querySelector["#demoE strong"];
console.log[demoE]; // not
 
// [G] GET BY QUERY SELECTOR [MULTIPLE SELECTORS]
var demoF = document.querySelectorAll["span.demoC, p#demoE"];
console.log[demoF]; // node list - [, 
]
 
/* USE FOR TO LOOP THROUGH THE COLLECTIONS + LIST
for [let el of element] { console.log[el]; }
5		Nhận phần tử HTML với tên đã cho.Bấm vào đây



Foo Bar!


Foo Bar!
DemoD


  John Doe is not John Wick.




// [B] GET BY ID
var demoA = document.getElementById["demoA"];
console.log[demoA]; // 


// [C] GET BY NAME
var demoB = document.getElementsByName["demoB"];
console.log[demoB]; // node list - []
 
// [D] GET BY CSS CLASS
var demoC = document.getElementsByClassName["demoC"];
console.log[demoC]; // html collection - []
 
// [E] GET BY TAG NAME
var demoD = document.getElementsByTagName["u"];
console.log[demoD]; // html collection - [demoD]
 
// [F] GET BY QUERY SELECTOR
var demoE = document.querySelector["#demoE strong"];
console.log[demoE]; // not
 
// [G] GET BY QUERY SELECTOR [MULTIPLE SELECTORS]
var demoF = document.querySelectorAll["span.demoC, p#demoE"];
console.log[demoF]; // node list - [, 
]
 
/* USE FOR TO LOOP THROUGH THE COLLECTIONS + LIST
for [let el of element] { console.log[el]; }
5

4-set-properties.html



    
 

window.addEventListener["load", [] => {
  // [A] GET HTML LIST
  var ul = document.getElementById["thelist"];
 
  // [B] DATA
  var data = ["Foo", "Bar", "Hello", "World", "John", "Doe"];
 
  // [C] ADD LIST ITEMS
  for [let idx in data] {
    let li = document.createElement["li"];
    li.innerHTML = data[idx];
    li.id = "item-" + idx; // set id
    li.style.color = "red"; // set style
    li.classList.add["dummy"]; // add css class
    ul.appendChild[li];
  }
}];

    Nhận phần tử HTML với tên đã cho.

    

    Foo Bar!
    

Foo Bar!
DemoD

    
  John Doe is not John Wick.

    


// [B] GET BY ID
var demoA = document.getElementById["demoA"];
console.log[demoA]; // 
    

// [C] GET BY NAME
var demoB = document.getElementsByName["demoB"];
console.log[demoB]; // node list - []
 
// [D] GET BY CSS CLASS
var demoC = document.getElementsByClassName["demoC"];
console.log[demoC]; // html collection - []
 
// [E] GET BY TAG NAME
var demoD = document.getElementsByTagName["u"];
console.log[demoD]; // html collection - [demoD]
 
// [F] GET BY QUERY SELECTOR
var demoE = document.querySelector["#demoE strong"];
console.log[demoE]; // not
 
// [G] GET BY QUERY SELECTOR [MULTIPLE SELECTORS]
var demoF = document.querySelectorAll["span.demoC, p#demoE"];
console.log[demoF]; // node list - [, 
    ]
 
/* USE FOR TO LOOP THROUGH THE COLLECTIONS + LIST
for [let el of element] { console.log[el]; }
    6         		Sự mô tả Tài liệu tham khảo 
    

    Foo Bar!
    

Foo Bar!
DemoD

    
  John Doe is not John Wick.

    


// [B] GET BY ID
var demoA = document.getElementById["demoA"];
console.log[demoA]; // 
    

// [C] GET BY NAME
var demoB = document.getElementsByName["demoB"];
console.log[demoB]; // node list - []
 
// [D] GET BY CSS CLASS
var demoC = document.getElementsByClassName["demoC"];
console.log[demoC]; // html collection - []
 
// [E] GET BY TAG NAME
var demoD = document.getElementsByTagName["u"];
console.log[demoD]; // html collection - [demoD]
 
// [F] GET BY QUERY SELECTOR
var demoE = document.querySelector["#demoE strong"];
console.log[demoE]; // not
 
// [G] GET BY QUERY SELECTOR [MULTIPLE SELECTORS]
var demoF = document.querySelectorAll["span.demoC, p#demoE"];
console.log[demoF]; // node list - [, 
    ]
 
/* USE FOR TO LOOP THROUGH THE COLLECTIONS + LIST
for [let el of element] { console.log[el]; }
    4    		Nhận phần tử HTML với ID đã cho.Bấm vào đây
    

    Foo Bar!
    

Foo Bar!
DemoD

    
  John Doe is not John Wick.

    


// [B] GET BY ID
var demoA = document.getElementById["demoA"];
console.log[demoA]; // 
    

// [C] GET BY NAME
var demoB = document.getElementsByName["demoB"];
console.log[demoB]; // node list - []
 
// [D] GET BY CSS CLASS
var demoC = document.getElementsByClassName["demoC"];
console.log[demoC]; // html collection - []
 
// [E] GET BY TAG NAME
var demoD = document.getElementsByTagName["u"];
console.log[demoD]; // html collection - [demoD]
 
// [F] GET BY QUERY SELECTOR
var demoE = document.querySelector["#demoE strong"];
console.log[demoE]; // not
 
// [G] GET BY QUERY SELECTOR [MULTIPLE SELECTORS]
var demoF = document.querySelectorAll["span.demoC, p#demoE"];
console.log[demoF]; // node list - [, 
    ]
 
/* USE FOR TO LOOP THROUGH THE COLLECTIONS + LIST
for [let el of element] { console.log[el]; }
    5    		Nhận phần tử HTML với tên đã cho.Bấm vào đây
    

    Foo Bar!
    

Foo Bar!
DemoD

    
  John Doe is not John Wick.

    


// [B] GET BY ID
var demoA = document.getElementById["demoA"];
console.log[demoA]; // 
    

// [C] GET BY NAME
var demoB = document.getElementsByName["demoB"];
console.log[demoB]; // node list - []
 
// [D] GET BY CSS CLASS
var demoC = document.getElementsByClassName["demoC"];
console.log[demoC]; // html collection - []
 
// [E] GET BY TAG NAME
var demoD = document.getElementsByTagName["u"];
console.log[demoD]; // html collection - [demoD]
 
// [F] GET BY QUERY SELECTOR
var demoE = document.querySelector["#demoE strong"];
console.log[demoE]; // not
 
// [G] GET BY QUERY SELECTOR [MULTIPLE SELECTORS]
var demoF = document.querySelectorAll["span.demoC, p#demoE"];
console.log[demoF]; // node list - [, 
    ]
 
/* USE FOR TO LOOP THROUGH THE COLLECTIONS + LIST
for [let el of element] { console.log[el]; }
    5    		Nhận phần tử HTML với tên đã cho.Bấm vào đây
    

    Foo Bar!
    

Foo Bar!
DemoD

    
  John Doe is not John Wick.

    


// [B] GET BY ID
var demoA = document.getElementById["demoA"];
console.log[demoA]; // 
    

// [C] GET BY NAME
var demoB = document.getElementsByName["demoB"];
console.log[demoB]; // node list - []
 
// [D] GET BY CSS CLASS
var demoC = document.getElementsByClassName["demoC"];
console.log[demoC]; // html collection - []
 
// [E] GET BY TAG NAME
var demoD = document.getElementsByTagName["u"];
console.log[demoD]; // html collection - [demoD]
 
// [F] GET BY QUERY SELECTOR
var demoE = document.querySelector["#demoE strong"];
console.log[demoE]; // not
 
// [G] GET BY QUERY SELECTOR [MULTIPLE SELECTORS]
var demoF = document.querySelectorAll["span.demoC, p#demoE"];
console.log[demoF]; // node list - [, 
    ]
 
/* USE FOR TO LOOP THROUGH THE COLLECTIONS + LIST
for [let el of element] { console.log[el]; }
    5    		Nhận phần tử HTML với tên đã cho.Bấm vào đây
    

    Foo Bar!
    

Foo Bar!
DemoD

    
  John Doe is not John Wick.

    


// [B] GET BY ID
var demoA = document.getElementById["demoA"];
console.log[demoA]; // 
    

// [C] GET BY NAME
var demoB = document.getElementsByName["demoB"];
console.log[demoB]; // node list - []
 
// [D] GET BY CSS CLASS
var demoC = document.getElementsByClassName["demoC"];
console.log[demoC]; // html collection - []
 
// [E] GET BY TAG NAME
var demoD = document.getElementsByTagName["u"];
console.log[demoD]; // html collection - [demoD]
 
// [F] GET BY QUERY SELECTOR
var demoE = document.querySelector["#demoE strong"];
console.log[demoE]; // not
 
// [G] GET BY QUERY SELECTOR [MULTIPLE SELECTORS]
var demoF = document.querySelectorAll["span.demoC, p#demoE"];
console.log[demoF]; // node list - [, 
    ]
 
/* USE FOR TO LOOP THROUGH THE COLLECTIONS + LIST
for [let el of element] { console.log[el]; }
    5    		Nhận phần tử HTML với tên đã cho. 
    

    Foo Bar!
    

Foo Bar!
DemoD

    
  John Doe is not John Wick.

    
  
    

    


// [B] GET BY ID
var demoA = document.getElementById["demoA"];
console.log[demoA]; // 
    

// [C] GET BY NAME
var demoB = document.getElementsByName["demoB"];
console.log[demoB]; // node list - []
 
// [D] GET BY CSS CLASS
var demoC = document.getElementsByClassName["demoC"];
console.log[demoC]; // html collection - []
 
// [E] GET BY TAG NAME
var demoD = document.getElementsByTagName["u"];
console.log[demoD]; // html collection - [demoD]
 
// [F] GET BY QUERY SELECTOR
var demoE = document.querySelector["#demoE strong"];
console.log[demoE]; // not
 
// [G] GET BY QUERY SELECTOR [MULTIPLE SELECTORS]
var demoF = document.querySelectorAll["span.demoC, p#demoE"];
console.log[demoF]; // node list - [, 
    ]
 
/* USE FOR TO LOOP THROUGH THE COLLECTIONS + LIST
for [let el of element] { console.log[el]; }
    6    		Nhận tất cả các yếu tố với tên lớp CSS đã cho. 
    

    Foo Bar!
    

Foo Bar!
DemoD

    
  John Doe is not John Wick.

    


// [B] GET BY ID
var demoA = document.getElementById["demoA"];
console.log[demoA]; // 
    

// [C] GET BY NAME
var demoB = document.getElementsByName["demoB"];
console.log[demoB]; // node list - []
 
// [D] GET BY CSS CLASS
var demoC = document.getElementsByClassName["demoC"];
console.log[demoC]; // html collection - []
 
// [E] GET BY TAG NAME
var demoD = document.getElementsByTagName["u"];
console.log[demoD]; // html collection - [demoD]
 
// [F] GET BY QUERY SELECTOR
var demoE = document.querySelector["#demoE strong"];
console.log[demoE]; // not
 
// [G] GET BY QUERY SELECTOR [MULTIPLE SELECTORS]
var demoF = document.querySelectorAll["span.demoC, p#demoE"];
console.log[demoF]; // node list - [, 
    ]
 
/* USE FOR TO LOOP THROUGH THE COLLECTIONS + LIST
for [let el of element] { console.log[el]; }
    7    		Nhận tất cả các yếu tố với tên thẻ đã cho. 
    

    Foo Bar!
    

Foo Bar!
DemoD

    
  John Doe is not John Wick.

    


// [B] GET BY ID
var demoA = document.getElementById["demoA"];
console.log[demoA]; // 
    

// [C] GET BY NAME
var demoB = document.getElementsByName["demoB"];
console.log[demoB]; // node list - []
 
// [D] GET BY CSS CLASS
var demoC = document.getElementsByClassName["demoC"];
console.log[demoC]; // html collection - []
 
// [E] GET BY TAG NAME
var demoD = document.getElementsByTagName["u"];
console.log[demoD]; // html collection - [demoD]
 
// [F] GET BY QUERY SELECTOR
var demoE = document.querySelector["#demoE strong"];
console.log[demoE]; // not
 
// [G] GET BY QUERY SELECTOR [MULTIPLE SELECTORS]
var demoF = document.querySelectorAll["span.demoC, p#demoE"];
console.log[demoF]; // node list - [, 
    ]
 
/* USE FOR TO LOOP THROUGH THE COLLECTIONS + LIST
for [let el of element] { console.log[el]; }
    8    		Nhận tất cả các yếu tố bằng một bộ chọn CSS nhất định.Bấm vào đây
    

    Foo Bar!
    

Foo Bar!
DemoD

    
  John Doe is not John Wick.

    


// [B] GET BY ID
var demoA = document.getElementById["demoA"];
console.log[demoA]; // 
    

// [C] GET BY NAME
var demoB = document.getElementsByName["demoB"];
console.log[demoB]; // node list - []
 
// [D] GET BY CSS CLASS
var demoC = document.getElementsByClassName["demoC"];
console.log[demoC]; // html collection - []
 
// [E] GET BY TAG NAME
var demoD = document.getElementsByTagName["u"];
console.log[demoD]; // html collection - [demoD]
 
// [F] GET BY QUERY SELECTOR
var demoE = document.querySelector["#demoE strong"];
console.log[demoE]; // not
 
// [G] GET BY QUERY SELECTOR [MULTIPLE SELECTORS]
var demoF = document.querySelectorAll["span.demoC, p#demoE"];
console.log[demoF]; // node list - [, 
    ]
 
/* USE FOR TO LOOP THROUGH THE COLLECTIONS + LIST
for [let el of element] { console.log[el]; }
    5    		Nhận phần tử HTML với tên đã cho.Bấm vào đây

    

    Foo Bar!
    

Foo Bar!
DemoD

    
  John Doe is not John Wick.

    


// [B] GET BY ID
var demoA = document.getElementById["demoA"];
console.log[demoA]; // 
    

// [C] GET BY NAME
var demoB = document.getElementsByName["demoB"];
console.log[demoB]; // node list - []
 
// [D] GET BY CSS CLASS
var demoC = document.getElementsByClassName["demoC"];
console.log[demoC]; // html collection - []
 
// [E] GET BY TAG NAME
var demoD = document.getElementsByTagName["u"];
console.log[demoD]; // html collection - [demoD]
 
// [F] GET BY QUERY SELECTOR
var demoE = document.querySelector["#demoE strong"];
console.log[demoE]; // not
 
// [G] GET BY QUERY SELECTOR [MULTIPLE SELECTORS]
var demoF = document.querySelectorAll["span.demoC, p#demoE"];
console.log[demoF]; // node list - [, 
    ]
 
/* USE FOR TO LOOP THROUGH THE COLLECTIONS + LIST
for [let el of element] { console.log[el]; }
    5

    5-load-order.html

    
// [A] JAVASCRIPT IS LOADED FIRST
var demo = document.getElementById["demo"];
console.log[demo]; // null - element not found

 


    Foo Bar!

    Nhận phần tử HTML với tên đã cho.

    

    Foo Bar!
    

Foo Bar!
DemoD

    
  John Doe is not John Wick.

    


// [B] GET BY ID
var demoA = document.getElementById["demoA"];
console.log[demoA]; // 
    

// [C] GET BY NAME
var demoB = document.getElementsByName["demoB"];
console.log[demoB]; // node list - []
 
// [D] GET BY CSS CLASS
var demoC = document.getElementsByClassName["demoC"];
console.log[demoC]; // html collection - []
 
// [E] GET BY TAG NAME
var demoD = document.getElementsByTagName["u"];
console.log[demoD]; // html collection - [demoD]
 
// [F] GET BY QUERY SELECTOR
var demoE = document.querySelector["#demoE strong"];
console.log[demoE]; // not
 
// [G] GET BY QUERY SELECTOR [MULTIPLE SELECTORS]
var demoF = document.querySelectorAll["span.demoC, p#demoE"];
console.log[demoF]; // node list - [, 
    ]
 
/* USE FOR TO LOOP THROUGH THE COLLECTIONS + LIST
for [let el of element] { console.log[el]; }
    6

    Thao tác HTML trực tiếp so với tạo đối tượng

    Giữa việc thay đổi trực tiếp với 

    

    John Doe
    
 

window.addEventListener["load", [] => {
  // [B] GET HTML ELEMENT
  var demoA = document.getElementById["demo"];
 
  // [C] CREATE ELEMENT + SET CONTENTS
  var demoB = document.createElement["strong"];
  demoB.innerHTML = " SAYS ";
  demoA.appendChild[demoB];
 
  // [D] CREATE NEW TEXT NODE
  var demoC = document.createTextNode["uvuvwevwevwe onyetenyevwe ugwemubwem ossas"];
  demoA.appendChild[demoC];
}];
    0 và tạo các yếu tố 
    
// [A] JAVASCRIPT IS LOADED FIRST
var demo = document.getElementById["demo"];
console.log[demo]; // null - element not found

 


    Foo Bar!
    8 - cái nào tốt hơn? Cá nhân, tôi không có sở thích. Nó chỉ là một vấn đề có ý nghĩa nhiều hơn trong các tình huống khác nhau.

    • 

      John Doe
      
 

window.addEventListener["load", [] => {
  // [B] GET HTML ELEMENT
  var demoA = document.getElementById["demo"];
 
  // [C] CREATE ELEMENT + SET CONTENTS
  var demoB = document.createElement["strong"];
  demoB.innerHTML = " SAYS ";
  demoA.appendChild[demoB];
 
  // [D] CREATE NEW TEXT NODE
  var demoC = document.createTextNode["uvuvwevwevwe onyetenyevwe ugwemubwem ossas"];
  demoA.appendChild[demoC];
}];
      0 hoạt động tốt hơn khi bạn đang xử lý việc thay đổi nội dung văn bản bên trong một phần tử duy nhất.
    • 
// [A] JAVASCRIPT IS LOADED FIRST
var demo = document.getElementById["demo"];
console.log[demo]; // null - element not found

 


      Foo Bar!
      8 có ý nghĩa hơn khi bạn đang xử lý danh sách và bảng.

    Vì vậy, Yep - tùy thuộc vào bạn để quyết định cái nào thoải mái hơn.

    Đề xuất đọc

    • Người mới bắt đầu gỡ lỗi JavaScript - mã Boxx

    Video hướng dẫn

    Bảng gian lận infographic

    Cách thêm mã HTML trong JavaScript [bấm để phóng to]

    KẾT THÚC

    Cảm ơn bạn đã đọc, và chúng tôi đã đi đến cuối hướng dẫn này. Tôi hy vọng rằng nó đã giúp bạn với dự án của bạn và nếu bạn muốn chia sẻ bất cứ điều gì với hướng dẫn này, xin vui lòng bình luận bên dưới. Chúc may mắn và mã hóa hạnh phúc!

    Làm thế nào để bạn nhúng HTML vào JavaScript?

    Sử dụng thuộc tính bên trong: Để sử dụng thuộc tính bên trong, trước tiên hãy chọn phần tử [div] nơi bạn muốn nối mã. Sau đó, hãy thêm mã được đặt dưới dạng chuỗi sử dụng toán tử += trên bên trong.To append using the innerHTML attribute, first select the element [div] where you want to append the code. Then, add the code enclosed as strings using the += operator on innerHTML.

    Bạn có thể bao gồm HTML trong JavaScript không?

    Thêm mã HTML bằng JavaScript thực sự là một bộ chứa mục tiêu đơn giản và chèn quy trình HTML, bằng cách thay đổi trực tiếp hoặc nối vào HTML bên trong.Var Target = Document. By directly changing or appending to the inner HTML. var target = document.

    HTML được sử dụng như thế nào trong JavaScript?

    Thẻ HTML được sử dụng để xác định tập lệnh phía máy khách [JavaScript].Phần tử chứa các câu lệnh script hoặc nó trỏ đến tệp tập lệnh bên ngoài thông qua thuộc tính SRC.Sử dụng phổ biến cho JavaScript là thao tác hình ảnh, xác thực hình thức và thay đổi động của nội dung.. The element either contains script statements, or it points to an external script file through the src attribute. Common uses for JavaScript are image manipulation, form validation, and dynamic changes of content.

    Làm thế nào để bạn chèn HTML?

    Nhấp vào Trang> Chỉnh sửa và sau đó từ tab Văn bản Định dạng, nhấp vào Chỉnh sửa Nguồn.ENTER Mã HTML.Quan trọng: Mã HTML không được xác thực khi bạn thêm nó vào trang web của mình.Lỗi trong mã HTML có thể khiến một trang web hiển thị không chính xác. Enter the HTML code. Important: HTML code is not validated when you add it to your web page. Errors in the HTML code can cause a web page to display incorrectly.

    Bài Viết Liên Quan

    Không xuống dòng trong html
    Hướng dẫn what is listnode in python? - listnode trong python là gì?
    Giá rau má 2023
    Hướng dẫn how do you generate a random number without a random function in python? - làm thế nào để bạn tạo một số ngẫu nhiên mà không có một hàm ngẫu nhiên trong python?
    Hướng dẫn how do you serialize a python object to json? - làm thế nào để bạn tuần tự hóa một đối tượng python thành json?
    Hướng dẫn how format is used in python? - cách định dạng được sử dụng trong python?
    Hướng dẫn object inside class python - đối tượng bên trong python lớp
    Hướng dẫn php date between two dates - ngày php giữa hai ngày
    Hướng dẫn mysql read timeout - thời gian chờ đọc mysql
    Hướng dẫn input button bootstrap - nút đầu vào bootstrap
    Hướng dẫn html css, javascript interview questions interviewbit - html css, câu hỏi phỏng vấn javascript phỏng vấn
    Hướng dẫn e commerce in php - thương mại điện tử trong php
    Hướng dẫn docker-compose mysql example - ví dụ về docker -omp mysql
    Hướng dẫn how do you put less than and greater than in python? - làm thế nào để bạn đặt ít hơn và lớn hơn trong python?
    Vợ 1994 chồng 1992 sin con năm 2023
    Hướng dẫn what are the types of iterative statements in python? - các loại câu lệnh lặp trong python là gì?
    Hướng dẫn python best features - tính năng tốt nhất của python
    Hướng dẫn php latest version 2022 - php phiên bản mới nhất 2022
    Hướng dẫn math integrate python - toán tích hợp python
    Hướng dẫn rollback in mysql php - khôi phục trong php mysql

    Toplist mới

    #1
    Top 7 tết mậu thân năm 1968 đã diễn ra sự kiện gì ở miền nam nước ta 2023
    6 tháng trước
    #2
    Top 13 luyện từ và câu: dấu gạch ngang lớp 4 trang 45 2023
    6 tháng trước
    #3
    Top 6 trong mặt phẳng oxy ảnh của đường thẳng d 3x y 4=0 2023
    6 tháng trước
    #4
    Top 6 thử thách thần chết thuyết minh phần 2 2023
    6 tháng trước
    #5
    Top 4 vở bài tập tiếng việt lớp 3 tập 2 chính tả trang 15 2023
    6 tháng trước
    #6
    Top 5 áo khoác nam quảng châu cao cấp 2023
    6 tháng trước
    #7
    Top 4 nội dung nào sau đây không phải là trách nhiệm của đơn vị đầu mối cung cấp thông tin 2023
    6 tháng trước
    #8
    Top 9 mẫu đồng phục công sở đẹp 2022 2023
    6 tháng trước
    #9
    Top 5 ốp lưng iphone 13 pro bảo vệ camera 2023
    6 tháng trước

    Bài mới nhất

    Các sản phẩm làm đẹp tiếng anh là gì năm 2024
    Bán hàng phát sinh giảm giá hoạch toán tn năm 2024
    Lá thư trong tiếng anh là gì năm 2024
    Mẫu hợp đồng thanh toán qua bên thứ 3 năm 2024
    Giải sách bài tập tiếng anh lớp 7 trang 8 năm 2024
    1994 sinh con năm 2023 tháng nào tốt năm 2024
    Dịch vụ chuyển văn phòng tại thanh hóa năm 2024
    Font việt hóa không hiển thị giống như demo năm 2024
    Nền kinh tế kế hoạch hóa tập trung là gì năm 2024
    Top điều hòa inverter 9000btu tiết kiệm điện năm 2024

    Chủ Đề

    programming Hỏi Đáp Là gì Mẹo Hay Toplist Địa Điểm Hay Học Tốt mẹo hay Công Nghệ Nghĩa của từ Bao nhiêu Khỏe Đẹp đánh giá Tiếng anh Top List bao nhieu bao nhiêu hướng dẫn Món Ngon So Sánh Bài tập So sánh Xây Đựng Sản phẩm tốt Ngôn ngữ Bài Tập javascript Ở đâu Thế nào Hướng dẫn Dịch Tại sao Máy tính Đại học