Sí, eso ocurre por que no recordaba la estructura. Se trata de cambiar textContent por innerHTML. Lo que no entiendo o quizás no he leído con detenimiento es por qué usas como selector de referencia field-especifico, en lugar de field con lo que resuelves el problema que tenías
aquí
Código Javascript
:
Ver original<!DOCTYPE html>
<html dir="ltr" lang="es-es">
<head>
<title></title>
<meta charset="utf-8">
<meta name="viewport" content="user-scalable=yes, width=device-width, initial-scale=1">
<style>
</style>
<script>
document.addEventListener('DOMContentLoaded', myFunction, false);
function myFunction(){
[].forEach.call(document.querySelectorAll('.field'), function(elem) {
elem.textContent = elem.textContent.split(',', 1);
});
}
</script>
</head>
<body>
<div class="field-especifico">
<div class="field-b">
<div class="field">
A Coruña, Galicia, España
</div>
</div>
</div>
<div class="field-b">
<div class="field">
A Coruña, Galicia, España
</div>
</div>
<div class="field-especifico">
<div class="field">
A Coruña, Galicia, España
</div>
</div>
<div class="field">
A Coruña, Galicia, España
</div>
</body>
</html>