How to remove the first character of link (anchor text) in JavaScript?

JavascriptWeb DevelopmentObject Oriented Programming

Here, we have set “Aabout_us” and “Hhome_page” with incorrectly spellings as anchor text.

You can use substring(1) along with innerHTML to remove the first character and display them correctly as “about_us” and “home_page” respectively.

Example

 Live Demo

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initialscale=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>

To run the above program, save the file name “anyName.html(index.html)” and right click on the file. Select the option “Open with Live Server” in VS Code editor.

Output

This will produce the following output with the correct forms after removing the first character −

raja
Published on 12-Sep-2020 07:33:13
Advertisements