Javascript Usar "position: relative" do CSS em Javascript

[Joao909]

Bom dia... Obrigado pela atenção... O título já diz tudo.

 

Como usar "position: relative" do CSS em Javascript?

[Luís Roberto C. da Silva]

Tente assim:

document.getElementById(id).style.position = "relative";

 

[Joao909]

Bom é que eu não quero usar CSS assim:

.box{
position: relative;
}
.texto{
position: absolute;
bottom: 0;
}
<div class="box">
<div class="texto">teste</div> 
</div>

Estou tendo problemas desse jeito... Quero ver a versão do Javascript...

[Luís Roberto C. da Silva]

12 minutos atrás, Luís Roberto C. da Silva disse:

Tente assim:

document.getElementById(id).style.position = "relative";

 

Essa é a versão Javascript.

O ideal mesmo é fazer css por css.

[Joao909]

Tá, então eu coloco o ID do css no lugar de "id" do seu código javascript mas como é que o outro objeto vai entender que vai ser posicionado em relação ao esse mesmo código?

[Luís Roberto C. da Silva]

8 minutos atrás, Joao909 disse:

Tá, então eu coloco o ID do css no lugar de "id" do seu código javascript mas como é que o outro objeto vai entender que vai ser posicionado em relação ao esse mesmo código?

Se estiver um ao lado do outro vai interagir.

[DiF]

@Joao909 Creio que dá na mesma atribuir o que você quer no css ou no javascript. O problema acontece porque no elemento pai você não definiu uma altura. Tem que ter pelo menos um height ali no seu class box.

 

Veja um exemplo funcionando: https://jsfiddle.net/dife/9o0m7bsn/4/

 

PS: usei seu código e só acrescentei as cores e o height

[Joao909]

Citação

O problema acontece porque no elemento pai você não definiu uma altura. Tem que ter pelo menos um height ali no seu class box.

Não estou interessado em usar CSS. Por favor apenas me mostre o método Javascript.

[DiF]

2 horas atrás, Joao909 disse:

Não estou interessado em usar CSS.

Vamos lá...  Você precisa ser mais cortês ao responder alguém que esteve disposto ajudar você.

A questão não é de interesse mas sim desempenho. Usar javascript para fazer algo tão trivial e simples, não tem absolutamente nenhum sentido. SE um usuário desabilitar o javascript do navegador, seu site vai ficar desconfigurado. 

Entenda isso. que o que você quer fazer em javascript dá para fazer no CSS sem peso algum e sem depender recurso algum do navegador.

 

Ademais, com todo respeito, se não consegue fazer o desejado no CSS, com motivo que não funciona, você precisa rever todas suas regras CSS, pois claramente há um conflito, que não está permitindo usar as regras que você quer.

 

2 horas atrás, Joao909 disse:

Por favor apenas me mostre o método Javascript.

O usuário @Luís Roberto C. da Silva  já lhe mostrou o método em javascript no post #2.  Não há outro jeito.