Estoy tratando de eliminar el texto y la imagen "powered by tagembed".
hide(document.querySelectorAll('.poweredbywrapper')); function hide(elements) { elements = elements.length ? elements : [elements]; for (var index = 0; index < elements.length - 1; index++) { elements[index].style.display = 'none'; } }
.poweredbywrapper img, .poweredbywrapper span { visibility: hidden; }
<div class="tagembed-container" style=" width:100%;height:500px;overflow: auto;"> <div class="tagembed-socialwall" data-wall-id="11530" view-url="https://widget.tagembed.com/11530?view"> </div> <script src="//widget.tagembed.com/embed.min.js" type="text/javascript"></script> </div>
y otras clases pero no funciona
Pruebe esta propiedad CSS. ¿Funcionó?
.poweredbywrapper img, .poweredbywrapper span { visibility: hidden; }
a) La regla display: none elimina un elemento de un documento HTML. Mientras el código del elemento oculto aún esté presente, el elemento en sí no se mostrará.
b) La visibilidad: la regla oculta , por otro lado, oculta un elemento, pero el elemento seguirá ocupando espacio en la página web. Si desea ocultar un elemento pero mantener el espacio de ese elemento en la página web, use la visibilidad: oculto; la regla es mejor.
Siga este otro enlace para ocultar un elemento js div.
En realidad, debe tener la clase que intenta ocultar:
<div class="tagembed-container poweredbywrapper" style=" width:100%;height:500px;overflow: auto;"><div class="tagembed-socialwall" data-wall-id="11530" view-url="https://widget.tagembed.com/11530?view"> </div> <script src="//widget.tagembed.com/embed.min.js" type="text/javascript"></script></div>