Poner "display:none" en javascript

Lo quiero lograr con esto es lo siguiente. . .

Tengo un slider en mi pagina pero el detalle es que quiero nomas en la pagina de inicio y sale en todas las subpaginas y el problema aqui que usa la plataforma "jimdo pro" no permite usar ftp pero poner código html,js,ect y todo eso si pero aquí otro detalle que aqui si tu pones el siguiente código en una subpagina lo elimina automáticamente:

Código CSS :

<style>.slider {display: none;}</style>

Pero ya intente con javascript pero el detalle creo que estoy equivocado en algo no se si me podrían ayudar:

Código Javascript :

<script type='text/javascript'>
document.getElementByClass("slider").setAttribute("style","display:none;");
</script>

Nose si me haya explicado bien espero y me ayuden en eso

Tu problema es getElementByClass, simplemente no existe

Asignale un id y usa getElementById

Algo asi . . .

Código Javascript :

<script type='text/javascript'>
//<![CDATA[
document.getElementById("slider ").setAttribute("style","display:none;");
//]]>
</script>