Respuesta
¿Demasiados anuncios?
De igual manera, con su pregunta aquí, el problema es que usted está tratando de hacer referencia a un elemento HTML por un class nombre que no existe.
El fragmento de código HTML proporcionado contiene una sola <div> elemento, cuyas class atributo tiene el valor "content". JavaScript se utiliza la getElementsByClassName() método con el argumento de 'search-field has-drop-down-menu component', que parece venir de ninguna parte.
Por lo tanto, para explicar brevemente acerca de la getElementsByClassName() método, se utiliza para buscar dentro de una colección de elementos HTML para todos los elementos que tienen un class atributo con el valor que se especifique como argumento. Por ejemplo, getElementsByClassName('foo') coincidirá <div class="foo">...</div>y <a class="foo bar">...</a>, pero no coinciden <p class="foobar" id="foo" name="foo">...</p>.
Para reemplazar mytexthere dentro de la <div> elemento, puede utilizar este método con el argumento de "content" (el nombre de la clase de la <div> elemento); identificar el correcto número de índice si el método devuelve más de un elemento; a continuación, establezca la textContent de la propiedad en el valor deseado:
document.getElementsByClassName('content')[2].textContent='...';
donde [2] , sería necesario cambiar para el correcto número de índice de la lista de elementos devueltos por getElementsByClassName('content').
Hay otros métodos de JavaScript se puede usar, como querySelector(), que-para ser útil -, se requerirá de leer sobre los Selectores de CSS. Pero, una vez que esté familiarizado con estos, se pueden realizar algunas muy poderoso elemento de consultas.
