Estoy publicando varias páginas en WordPress con el mismo contenido, pero los nombres de las ciudades en los títulos y contenidos deben reemplazarse con la ciudad de la página actual, como Nueva York, Los Ángeles, Sacramento, etc. ¿Cómo hago esto en Javascript?
<script> function replaceText() { //on page load, replace #cityName with current city name var cityName = document.getElementById("cityName"); cityName.innerHTML = "New York"; replaceText(); } </script> <div class="container"> <div class="row"> <h1>Our Mental Health Services in <span id="cityName">Benton</span>, KY</h1> <h2>Online Counseling and Psychiatry Services in <span id="cityName">Benton</span>, KY</h2> </div> </div>Primero, tienes dos elementos con la misma ID. Al llamar a getElementById , Javascript encontrará el primero y hará lo que desee con él.
En segundo lugar, estabas llamando a la función dentro de ella misma, por lo que en realidad nunca podría ejecutarse.
Por último, no tenemos el código HTML completo, por lo que no estoy seguro de dónde está llamando al script, así que lo puse como un archivo externo en el fragmento.
function replaceText() { //on page load, replace #cityName with current city name var cityName = document.getElementById("cityName"); var cityNameH2= document.getElementById("cityNameH2"); cityNameH2.innerHTML = cityName.innerHTML = "New York"; } replaceText(); <div class="container"> <div class="row"> <h1>Our Mental Health Services in <span id="cityName">Benton</span>, KY</h1> <h2>Online Counseling and Psychiatry Services in <span id="cityNameH2">Benton</span>, KY</h2> </div> </div>