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]

  Em 04/10/2019 às 21:08, Luís Roberto C. da Silva disse:

Tente assim:

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

 

Expandir  

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]

  Em 04/10/2019 às 21:26, 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?

Expandir  

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.

Expandir  

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

[DiF]

  Em 05/10/2019 às 16:51, Joao909 disse:

Não estou interessado em usar CSS.

Expandir  

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.

 

  Em 05/10/2019 às 16:51, Joao909 disse:

Por favor apenas me mostre o método Javascript.

Expandir  

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.