Vamos a analizar tu código para que lo puedas entender:
function siguienteElemento4(){
pE=document.getElementById('p5').style.display='block';
};
de hecho estás realizando dos asignaciones a la vez, a saber:
document.getElementById('p5').style.display='block';
: Es decir, estás asignando al elemento que tiene el id denominado p5
la propiedad CSS display='block'
Estás asignando a la variable pE
el valor de la cadena de texto 'block'
Es decir, en dos líneas sería así:
document.getElementById('p5').style.display='block';
pE='block';
No creo que sea lo que pretendes, visto el siguiente código que expones en la pregunta, donde repites ese tipo de asignación:
function siguienteElemento5(){
pE=document.getElementById('p5').style.display='none';
if(pE==(display='none')){
pF=document.getElementById('btnGuardar').style.display='block';
}
};
Si te fijas, haces lo mismo, solo que cambiando el valor del final de la igualdad por none
.
pE=document.getElementById('p5').style.display='none';
y que de nuevo, lo que estás realmente asignando es esto:
document.getElementById('p5').style.display='none';
pE='none';
Visto esto, ya puedes empezar a deducir que tu condicional tampoco es que sea muy ortodoxo que digamos, pues escribes esto:
if(pE==(display='none')){
que se podria dividir en esto y sería lo mismo que le estás diciendo:
display='none'
if(pE=='none')){
¿Y eso porque? Pues bueno, porque si te fijas dentro del paréntesis estás realizando una asignación tal como lo tienes escrito:
(display='none')
y el resultado de esa asignación es none
, así que toma ese valor para compararlo con la variable puesta en el primer operador de la igualdad, que es pE
. Y como ya hemos visto antes, ya sabemos que la habias definido asi: pE='none';
, por lo tanto, ese condicional siempre va a cumplirse (por lo tanto sobra completamente).
Y para finalizar, por si aún no fuera suficiente vuelves a repetir ese tipo de asignación con esta otra variable:
pF=document.getElementById('btnGuardar').style.display='block';
que es una forma abreviada de escribir lo que realmente hace, que es:
document.getElementById('btnGuardar').style.display='block';
pF='block';
Y hasta aquí puedo leer... Estaría bien saber lo que realmente pretendes con esas funciones y ese condicional para poderte ayudar más, pero no lo has puesto en la pregunta.
Aquí te dejo unos snippets que demuestran lo que acabo de explicar, donde muestro los resultados de cada asignación usando console.log() (los alerts a veces van bien, pero rayan un poco):
Primer caso:
function siguienteElemento4() {
pE = document.getElementById('p5').style.display = 'block';
console.log("pE = " + pE)
console.log("CSS display de p5 = " + document.getElementById('p5').style.display)
}
siguienteElemento4()
<p id="p5" style="display: none;">
Texto en p5
</p>
<button id="btnGuardar">
btnGuardar
</button>
Segundo caso:
function siguienteElemento5(){
pE=document.getElementById('p5').style.display='none';
console.log("CSS display de p5 = " + document.getElementById('p5').style.display)
console.log("pE = " + pE)
if(pE==(display='none')){
console.log("display = " + display)
pF=document.getElementById('btnGuardar').style.display='block';
console.log("pF = " + pF)
console.log("CSS display de btnGuardar = " + document.getElementById('btnGuardar').style.display)
}
}
siguienteElemento5()
<p id="p5">
Texto en p5
</p>
<button id="btnGuardar" style="display: none;">
btnGuardar
</button>
pE==(display='none')
? Aún más, ¿Qué crees que almacenapE
en esta asignación:pE=document.getElementById('p5').style.display='none';
?