Untitled

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Empresas</title>
    <link href="css/bootstrap.css" rel="stylesheet" />
    <link href="Content/Site.css" rel="stylesheet" />
    <script src="Scripts/jquery-3.3.1.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="Scripts/angular.js"></script>
    <script src="Scripts/ui-bootstrap-tpls-3.0.6.js"></script>
    <script src="Scripts/app.js"></script>
</head>
<body ng-app="myApp" ng-controller="IndexCtrl">
    <h3>{{Titulo}}</h3>

    <table class="table col-xs-12 col-md-6 offset-md-3">
        <tr>
            <th>Razon Social</th>
            <th>Cantidad empleados</th>
        </tr>
        <tr ng-repeat="dto in Lista" ng-style="{'color' : }">
            <td>{{dto.RazonSocial}}</td>
            <td class="dato">{{dto.CantidadEmpleados}}</td>
        </tr>
    </table>

    <script>
        var celdas = document.getElementsByClassName('dato');
        console.log(celdas);

        for (let celda of celdas) {
            var puntos = parseInt(celda.innerHTML)
            if (puntos > 100) {
                celda.classList.add('pintar-de-verde');
            }
        }

    </script>
</body>


</html>