22 - Propiedad innerText



Problema:Se cuenta con una lista ordenada, proceder a obtener la referencia al primer elemento de la lista y agregar un punto final al texto de la misma empleando la propiedad innerText.
<!DOCTYPE html>
<html lang="es">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Prueba</title>
</head>

<body>
    <ol id="lista1">
        <li>Opción A</li>
        <li>Opción B</li>
        <li>Opción C</li>
        <li>Opción D</li>
    </ol>
    <input type="button" value="Agregar punto final" onclick="agregarPunto()">
    <script src="funciones.js"></script>
</body>

</html>
<!DOCTYPE html>
<html lang="es">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Prueba</title>
</head>

<body>
    <ol id="lista1">
        <li>Opción A</li>
        <li>Opción B</li>
        <li>Opción C</li>
        <li>Opción D</li>
    </ol>
    <input type="button" value="Agregar punto final" onclick="agregarPunto()">
    <script src="funciones.js"></script>
</body>

</html>

function agregarPunto() {
    let lista = document.getElementById("lista1")
    let obj = lista.firstElementChild
    while (obj != null) {
        obj.innerText = obj.innerText + "."
        obj = obj.nextElementSibling
    }
}
Ver solución


Retornar