mis css son
label[title="Hot"]{ display:none; } label[title="Cold"]{ display:none; }¿Podría ayudarme? ¿Cómo puedo cambiar esto a JavaScript?
var hot_label = dcoument.querySelector('label[title="hot"]'); var cold_label = dcoument.querySelector('label[title="Cold"]'); //If you want to hide. hot_label.style.display = "none"; cold_label.style.display = "none";Parece que estás preguntando cómo hacer lo mismo en JavaScript. Si es así, deberá crear un elemento DOM de tipo 'etiqueta' y establecer sus propiedades de la misma manera que lo haría si usara .getElementById o .querySelector . Debería verse algo como:
var hot_label = document.createElement('label'); hot_label.title="Hot"; hot_label.display="none"; var cold_label = document.createElement('label'); cold_label.title="Hot"; cold_label.display="none"; Entonces tendrías que ponerlos en algún lugar. Digamos, por ejemplo, que su html tiene <div id="tempLabels"></div> . Primero obtendría el contenedor, luego agregaría los nuevos elementos DOM.
var container = document.getElementById('tempLabels'); container.appendChild(hot_label); container.appendChild(cold_label);Alternativamente, podría tener una etiqueta y cambiar el título:
var temp_label = document.createElement('label'); // when temp is hot temp_label.title="Hot"; temp_label.display="inline-block"; //or whatever display type you're using // when temp is cold temp_label.title="Cold"; temp_label.display="inline-block"; //or whatever display type you're using // hide label temp_label.display="none";