Заменить html текст заполнителя элементом html с помощью javascript

Question

У меня есть сценарий, где у меня есть на моей странице текст-заполнитель, который я буду заменять после полной загрузки страницы. Моя проблема заключается в том, что текст, мне нужно заменить плагин на ReCaptcha изображения, например:

Я текст loading... который будет заменен:

<recaptcha:recaptchacontrol ID='recaptcha' runat='server' PublicKey='kfldsjfh4378qyf43h4eidfhew' PrivateKey='sdflkdsfy908s6dfdsfkj' Theme='clean' /> 

Я не мог найти способ сделать это, любая помощь будет оценена по достоинству.

Answer 1

нашел ответ в чате:

как <recaptcha:...> теги обрабатываются какой-то стороне сервера плагин, они не отображаются после записи их в стороне клиента JS. поэтому замена работает нормально, но плагин не ...

Answer 2

вы можете делать какие-либо операции со строками (как поиск и замена) на document.body.innerHtml:

document.body.innerHtml = document.body.innerHtml.replace(/Loading\.\.\./g, 
                  "<recaptcha...>"); 

Answer 3

Оберните «Loading ...» текст в <span> с уникальным идентификатором, например

<span id="removeme">Loading...</span> 

Тогда, если вы не хотите, чтобы сделать много DOM-фу с этим комплексом, в пространстве имен тегов, вы можете сделать следующее:

var removeme = document.getElementById('removeme'); 
removeme.innerHTML = "<recaptcha:recaptchacontrol ..."; 
var recaptchaThing = removeme.firstChild; 
removeme.removeChild(recaptchaThing); 
var parent = removeme.parentNode; 
parent.insertBefore(recaptchaThing, removeme); 
parent.removeChild(removeme); 

Это заменит <span> на элемент <recaptcha:recaptchacontrol>, после чего браузер выяснит, как построить DOM для этого странного элемента. Если окажется, что <recaptcha:recaptchacontrol> не может быть размещен внутри элемента <span>, сделайте его <div style="display:inline">.