La colección de scripts DOM en HTML se utiliza para devolver la colección de todos los elementos <script> en un documento HTML. Los elementos del script se ordenan como aparecen en el código fuente.
Sintaxis:
document.scripts
Valor de la propiedad: devuelve la longitud del valor único que es la colección de todos los elementos del script.
Método:
- [índice]: se utiliza para devolver el elemento <script> del índice seleccionado. El valor del índice comienza con 0. Devuelve NULL si el valor del índice está fuera de rango.
- item(index): Se utiliza para devolver el elemento <script> del índice seleccionado. El valor del índice comienza con 0. Devuelve NULL si el valor del índice está fuera de rango.
- namedItem(id): Se utiliza para devolver el elemento <script> de la colección con el atributo id dado. Devuelve NULL si la identificación no es válida.
Ejemplo 1:
html
<!DOCTYPE html>
<html>
<head>
<title>DOM scripts collection</title>
<style>
.gfg {
font-size:40px;
font-weight:bold;
color:green;
}
body {
text-align:center;
font-family:Times;
}
</style>
</head>
<body>
<a name="" class="gfg">GeeksforGeeks</a>
<h2>DOM scripts Collection</h2>
<!-- script content -->
<script>
document.write("GeeksForGeeks");
</script><br><br>
<button onclick="Geeks()">Submit</button>
<p id="sudo"></p>
<!-- script content -->
<script>
function Geeks() {
var x = document.scripts.length;
document.getElementById("sudo").innerHTML =
"Number of scripts elements: " + x;
}
</script>
</body>
</html>
Salida: Antes Haga clic en el botón:
Después de hacer clic en el botón:
Ejemplo 2:
html
<!DOCTYPE html>
<html>
<head>
<title>DOM scripts collection</title>
<style>
.gfg {
font-size:40px;
font-weight:bold;
color:green;
}
body {
text-align:center;
font-family:Times;
}
</style>
</head>
<body>
<a name="" class="gfg">GeeksforGeeks</a>
<h2>DOM scripts Collection</h2>
<!-- script content -->
<script>
document.write("GeeksForGeeks");
</script><br><br>
<button onclick = "Geeks()">Submit</button>
<p id="sudo"></p>
<!-- script content -->
<script>
function Geeks() {
var x = document.scripts[0].text;;
document.getElementById("sudo").innerHTML =
"First script Element: " + x;
}
</script>
</body>
</html>
Salida: Antes Haga clic en el botón:
Después de hacer clic en el botón:
Navegadores compatibles: los navegadores compatibles con la colección de scripts DOM se enumeran a continuación:
- Google Chrome 1 y superior
- Borde 12 y superior
- Internet Explorer 4 y superior
- Firefox 9.0 y superior
- Ópera 12.1 y superior
- Safari 3 y superior
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA