La tarea es seleccionar el elemento <a> por su atributo href . Algunas de las técnicas se discuten a continuación. Aquí vamos a usar JQuery para resolver el problema.
Enfoque 1:
- Utilice el selector de JQuery $(‘a[href=link_to_site]’) .
Ejemplo 1: Este ejemplo utiliza el enfoque discutido anteriormente.
<!DOCTYPE HTML>
<html>
<head>
<title>
Get an element by its href attribute.
</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js">
</script>
</head>
<body style = "text-align:center;" id = "body">
<h1 id = "h1" style = "color:green;" >
GeeksforGeeks
</h1>
<p id = "GFG_UP" style = "font-size: 15px; font-weight: bold;">
</p>
<a href = "https://www.geeksforgeeks.org">GeeksforGeeks
</a>
<br>
<br>
<button onclick = "gfg_Run()">
Click here
</button>
<p id = "GFG_DOWN" style = "font-size: 23px;
font-weight: bold; color: green; ">
</p>
<script>
var el_up = document.getElementById("GFG_UP");
var el_down = document.getElementById("GFG_DOWN");
el_up.innerHTML =
"Click on the button to select the element by HREF attribute.";
function gfg_Run() {
el_down.innerHTML =
$('a[href="https://www.geeksforgeeks.org"]').text();
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Enfoque 2:
- Utilice el selector de JQuery $(‘a[href*=part_of_link]’) . seleccionará el elemento si alguna parte del atributo coincide con el valor.
Ejemplo 2: Este ejemplo utiliza el enfoque discutido anteriormente.
<!DOCTYPE HTML>
<html>
<head>
<title>
Get an element by its href attribute.
</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js">
</script>
</head>
<body style = "text-align:center;" id = "body">
<h1 id = "h1" style = "color:green;" >
GeeksForGeeks
</h1>
<p id = "GFG_UP" style = "font-size: 15px; font-weight: bold;">
</p>
<a href = "https://www.geeksforgeeks.org"> GeeksforGeeks
</a>
<br>
<br>
<button onclick = "gfg_Run()">
Click here
</button>
<p id = "GFG_DOWN" style = "font-size: 23px;
font-weight: bold; color: green; ">
</p>
<script>
var el_up = document.getElementById("GFG_UP");
var el_down = document.getElementById("GFG_DOWN");
el_up.innerHTML =
"Click on the button to select the element by HREF attribute.";
function gfg_Run() {
el_down.innerHTML = $('a[href*="geeks.org"]').text();
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Publicación traducida automáticamente
Artículo escrito por PranchalKatiyar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA