JSFiddle - React, Tailwind, and code Playground

by pvtd264

HTML

<!-- 
- Sử dụng getElementsByTagName() để lấy ra danh sách các <p> có class là 'foo'
- Lặp qua các phần tử và thay đổi nội dung của từng phần tử bằng cách append (thêm vào cuối) một đường link tới coders.tokyo site
-->

<html>
  <head>
    <title>HTML</title>
  </head>
  <body>
    <p class = "foo">Nội dung 1</p>
    <p>Nội dung 1</p>
    <p>Nội dung 1</p>
    <p class = "foo">Nội dung 1</p>
  </body>
</html>

JavaScript

var fooClass = document.getElementsByClassName("foo");
for(var i of fooClass)
{
	i.innerHTML += " <a href='http://school.coders-x.com'>Link</a>";
}