Phương thức focus() thêm xóa a trong JavaScript

Trình soạn thảo - Phương thức focus() thêm xóa a trong JavaScript

Kết quả - Phương thức focus() thêm xóa a trong JavaScript

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Phương thức focus() thêm xóa a trong JavaScript</title>
<style>
a:focus, a:active {
  color: red;
}
</style>
</head>
<body>

<h1>Phương thức focus() thêm xóa a trong JavaScript</h1>
<p>Phương thức focus() trong JavaScript dùng để thực hiện hành động khi người dùng click vào thẻ input hoặc một liên kết thẻ a.</p>
<p>Phương thức blur() trong JavaScript dùng để xóa (làm mờ) hành động focus trước đó trên thẻ input hoặc thẻ liên kết a.</p>
<p>Nhấn nút để thêm focus, nhấn nút để xóa focus trong thẻ liên kết a, thao tác này có kết hợp với css:</p>

<a id="alienket" href="https://webmoi.vn/phuong-thuc-focus-them-xoa-a-trong-javascript/" >Liên kết để thao tác</a>
<p>Click vào nút Thêm Focus để thêm focus, Click vào nút Xóa Focus để xóa focus, thao tác này có kết hợp với css</p>
<button type="button" onclick="themFocus()">Thêm Focus</button>
<button type="button" onclick="xoaFocus()">Xóa Focus</button>
<script>
// Thêm Focus
function themFocus() {
  document.getElementById("alienket").focus();
}
// Xóa Focus
function xoaFocus() {
  document.getElementById("alienket").blur();
}
</script>
</body>
</html>