JSFiddle - React, Tailwind, and code Playground

by quangcanh2975

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
-->
<!DOCTYPE html>
<html>
<head>
	<title>innerHTML property</title>
</head>
<body>
	<p class="foo">Text1</p>
	<p class="foo">Text2</p>
</body>
</html>

JavaScript

var textHTML=document.querySelectorAll(".foo");
for(var text of textHTML){
    $(text).append("<a href='https://coder.tokyo/'>Coder</a>");
}