如果我在 javascript 檔案中使用 HTML 標簽，我如何選擇它們并在 css 檔案中使用它們？
例如： javascript：
<li id="id"> name </li>
如何在樣式表中選擇和使用 id？
我嘗試過這種方式，但它不起作用#id li { background: red;}
uj5u.com熱心網友回復：
要么你可以使用 JS 也可以給元素添加樣式。
document.getElementById(id).style.property = new style
使用 Javascript 添加行內樣式
或者您需要script在style.
uj5u.com熱心網友回復：
如果您為任何標簽或元素分配 id，則無需使用元素或標簽名稱來設定它的樣式。直接使用id。它意味著在#id li { background: red; }元素內部（具有 id）它搜索另一個 li 元素。嘗試
#id {
background: red;
}
uj5u.com熱心網友回復：
我會避免使用 ID，因為它們必須是唯一的（每頁不超過一個）。如果您必須針對特定串列項使用資料屬性。
ul li[data-type="name"] { color: red; }<ul>
<li data-type="name">Bobby</li>
<li data-type="age">26</li>
</uluj5u.com熱心網友回復：
例如，如果您動態創建元素，那么最好采用蘋果風格
var el = document.createElement('div');
el.setAttribute(
'style',
'background-color: red; color: white; width: 150px; height: 150px; border: 1px red solid');
var container = document.getElementById('container-id');
container.appendChild(el);
uj5u.com熱心網友回復：
我會避免使用 ID，因為它們必須是唯一的
.bgred { background: red;color:#fff }
.bggreen { background: green;color:#fff }<ul>
<li class="bgred">Bobby</li>
<li class="bggreen">26</li>
</ul>轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/449311.html
標籤：javascript html css