如何将标签标题css更改为Javascript

Question

my CSS are

label[title="Hot"]{
display:none;
}
label[title="Cold"]{
display:none;
}

你能帮我怎么把它变成JavaScript

Answer 1

听起来你在问如何在JavaScript中做同样的事情。如果是这样，您需要创建一个类型为"label"的DOM元素，并设置它的属性，就像您使用.getElementById或.querySelector一样。应该看起来像这样:

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";

那么你需要把它们放在某个地方。让我们说，例如你的html有<div id="tempLabels"></div>。首先获取容器，然后附加新的DOM元素。

var container = document.getElementById('tempLabels');
container.appendChild(hot_label);
container.appendChild(cold_label);

或者你可以有一个标签并改变标题:

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";

Answer 2

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";