Solucion

<ul>
    <li class="invitado">
        Nombre <span class="nombre">Diego</span>,
        edad <span class="edad">23</span>
    </li>
    <li class="invitado">
        Nombre <span class="nombre">Daniel</span>,
        edad <span class="edad">42</span>
    </li>
    <li class="invitado">
        Nombre <span class="nombre">Marcos</span>,
        edad <span class="edad">27</span>
    </li>
    <li class="invitado">
        Nombre <span class="nombre">Fabio</span>,
        edad <span class="edad">18</span>
    </li>

    Total de las edades: <span class="total"></span>
</ul>

<script>

    var items = document.querySelectorAll('.invitado');
    var totalEdades = 0;

    //la funcion se ejecuta usando el arreglo de edades como parametro
    items.forEach(function sumaEdades(edad) {
        for (var i = 0; i < items.length; i++) {
            var edad = items[i].querySelector('.edad').textContent;
            totalEdades += parseInt(edad);
        }
    })

    //diferencia de los elementos iterados siendo las edades
    var diferencia = 330;
    document.querySelector('.total').textContent = totalEdades - diferencia;

</script>

Podría ser una solución, tratando de realizar una función genérica para las suma de las edades de los elementos.