Ở đây, chúng ta đặt "Aabout_us" và "Hhome_page" với chính tả không đúng làm anchor text.
Bạn có thể sử dụng substring(1) cùng với innerHTML để xóa ký tự đầu tiên và hiển thị chúng chính xác là "about_us" và "home_page" tương ứng.
Ví dụ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fontawesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="linkDemo">
<div>
<a href="">Aabout_us</a>
</div>
</div>
<div class="linkDemo">
<div>
<a href="">Hhome_page</a>
</div>
</div>
<script>
[...document.querySelectorAll('.linkDemo div a')].forEach(obj => obj.innerHTML = obj.innerHTML.substring(1))
</script>
</body>
</html>
Để chạy chương trình trên, lưu tệp với tên "anyName.html (index.html)" và nhấp chuột phải vào tệp. Chọn tùy chọn "Open with Live Server" trong trình soạn thảo VS Code.
Kết quả
Chương trình sẽ cho ra kết quả sau với dạng chính xác sau khi xóa ký tự đầu tiên:
