В вашем цикле есть что-то странное для меня и grecaptcha.render (this!? This = renderCaptchas ... no!? Таким образом, элемент, который вы хотите визуализировать, не годится, поскольку он не является допустимым html-контейнером.
<script>
var renderCaptchas = function(element) {
grecaptcha.render(element, {
'sitekey' : 'google_recaptcha_site_key'
});
};
</script>
или что-то вроде:
<script>
var onloadCaptchaCallback = function () {
[].forEach.call(document.querySelectorAll('.g-recaptcha'), function(element){
grecaptcha.render(element, {
'sitekey' : 'google_recaptcha_site_key'
});
}
});
};
</script>
Как перебрать document.querySelectorAll:
Как перебрать выбранные элементы с document.querySelectorAll