我有一个 ul 元素,我需要动态添加 列表项。 UL 元素具有类名 res。我不想将类添加到列表项。无论如何在不丢失样式的情况下动态添加列表项..!
<ul class="res">
<li><a href="index.html" class="active">Home</a></li>
<li><a href="about.html" target="_parent">About</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="shortcords.html">Short Codes</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a id="login" href="login.html">login</a></li>
<li><a id="logout">Hello Guest<span class="arrorow">▼</span></a>
<ul class="sub-menu">
<li><a href="#">View Profile</a></li>
<li><a href="#">Booking History</a></li>
<li><a href="#" onclick="logout()">Logout</a></li>
</ul>
</li>
</ul>
编辑 1: 我在这里附上了一张图片...请仔细查看。
最佳答案
您可以使用 ELEMENT NAME
来设置样式,而无需为每个元素添加类。
例如:
ul.res li {
color: red;
}
上面的代码将把红色应用到 ul
内所有 res
类的 li
元素。
关于javascript - 列表项样式 |动态添加 |更新样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35099555/