El objeto de enlace HTML DOM se utiliza para acceder al elemento HTML <link> .
Sintaxis:
- Para acceder a un elemento HTML:
document.getElementById("myLink");
- Para crear un nuevo elemento HTML:
document.createElement("LINK");
Valores de propiedad:
| Valor | Descripción |
|---|---|
| juego de caracteres | Asigna la codificación de caracteres del documento enlazado |
| origencruz | Asigna la configuración CORS del documento vinculado. |
| desactivado | Asigna si el documento vinculado está deshabilitado o no. |
| href | Se utiliza para establecer/devolver la URL del documento vinculado |
| hreflang | Asigna el código de idioma del documento enlazado |
| medios de comunicación | Asigna el tipo de medio para el elemento de enlace. |
| real | Asigna la relación entre el documento actual y el documento vinculado |
| Rvdo | Asigna la relación inversa del documento vinculado al documento actual |
| tamaños | Devuelve el valor del atributo de tamaños del recurso vinculado |
| escribe | Se utiliza para establecer/devolver el tipo de contenido del documento vinculado |
Ejemplo-1: elemento de enlace de acceso.
html
<!DOCTYPE html>
<html>
<head>
<link id="linkid"
rel="stylesheet"
type="text/css"
href="styles.css">
</head>
<body>
<h1>TO ACCESS LINK ELEMENT:</h1>
<p>PRESS THE BUTTON TO GET THE URL
OF THE LINKED DOCUMENT.</p>
<button onclick="gfg()">Get URL
</button>
<p id="pid"></p>
<script>
function gfg() {
// Access link element.
var NEW = document.getElementById(
"linkid").href;
document.getElementById(
"pid").innerHTML = NEW;
}
</script>
</body>
</html>
Salida:
Antes de hacer clic:
Después de hacer clic:
Ejemplo-2: Crear elemento de enlace.
html
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h1>TO CREATE A LINK ELEMENT.</h1>
<button onclick="myFunction()">Create</button>
<p id="pid"></p>
<script>
function myFunction() {
// Create link element.
var NEW = document.createElement(
"LINK");
// set attributes.
NEW.setAttribute("id", "linkid");
NEW.setAttribute("rel", "stylesheet");
NEW.setAttribute("type", "text/css");
NEW.setAttribute("href", "styles.css");
document.head.appendChild(NEW);
var NEW1 = document.getElementById(
"linkid").href;
document.getElementById("pid").innerHTML =
NEW1;
}
</script>
</body>
</html>
Salida:
Antes de hacer clic:
Después de hacer clic:
Navegadores compatibles:
- Cromo
- Firefox
- explorador de Internet
- Safari
- Ópera
Publicación traducida automáticamente
Artículo escrito por AkshayGulati y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA