我的CSS是
label[title="Hot"]{
display:none;
}
label[title="Cold"]{
display:none;
}
你能幫我怎么把它改成 JavaScript
uj5u.com熱心網友回復：
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";
uj5u.com熱心網友回復：
dcoument.querySelectorAll('[title="hot"]').forEach(label => {
label.style.display = "none"
})
uj5u.com熱心網友回復：
聽起來你在問如何在 JavaScript 中做同樣的事情。如果是這樣，您需要創建一個“標簽”型別的 DOM 元素并設定它的屬性，就像使用.getElementByIdor時一樣.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";
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/460217.html
標籤：javascript css
上一篇：無效的日期，即使它完全相同