如何使用javascript更改嵌套在其他元素中的元素的颜色

我有一份结构如下的清单：

<ul class="list">
    <li class="list-element ">
        <a href="#"><a>
    </li>
</ul>
<button onclick="changeColour()"></button>
<script  src="js/index.js"></script>

如何更改链接的颜色？？我知道你可以做到：

function changeColour() {
  var div = document.getElementsByTagName("ul");
  div.style.changeColour = "rgb(0, 212, 177)";
}

---

但是我不知道如何在列表中添加列表项中的链接。

您可以使用

css

更改它。你的

css

是正确的，但是你错过了

红色后<代码>红色

。您也可以使用javascript来实现，或者如果您想给它一个颜色，可以同时使用这两种语言，然后在运行时对其进行更改。对于javascript代码，您忘记添加集合的索引

document.getElementsByTagName('a')[0].style.color='orange';

注意：我用[0]来锁定第一个主播。以所有锚点为目标，在集合中循环

像这样

函数changeColour（）{
var div=document.getElementsByTagName（“a”）；
对于（变量i=0；i
ulli a{
颜色：红色；
{


链接1


链接2

您可以使用
css
对其进行更改。您的
css
是正确的，但在
红色之后错过了
；
。您也可以使用javascript进行更改。如果您想给它一个颜色，您可以同时使用这两种方法，然后在运行时对其进行更改。对于您的javascript代码，您忘记了添加集合的索引

document.getElementsByTagName('a')[0].style.color='orange';

注意：我正在使用[0]以第一个锚点为目标。要以所有锚点为目标，请在集合中循环

像这样


函数changeColour（）{
var div=document.getElementsByTagName（“a”）；
对于（变量i=0；i

ulli a{
颜色：红色；
{


链接1


链接2

尝试
文档。查询选择全部
：


let links=document.queryselectoral（“ul.list li.list-element a”）；
for（让链接中的链接）{
link.style.color=“rgb（0，212，177）”；
}
ulli a{
颜色：红色
{





尝试
文档。查询选择全部
：


let links=document.queryselectoral（“ul.list li.list-element a”）；
for（让链接中的链接）{
link.style.color=“rgb（0，212，177）”；
}
ulli a{
颜色：红色
{





HTML

<ul class="list">
    <li class="list-element ">
        <a href="#">link 1<a>
    </li>
    <li class="list-element ">
        <a href="#">link 2<a>
    </li>
</ul>

HTML

<ul class="list">
    <li class="list-element ">
        <a href="#">link 1<a>
    </li>
    <li class="list-element ">
        <a href="#">link 2<a>
    </li>
</ul>

下面是Jquery模型，以防您正在寻找它


//如果要使用Jquery模型
$（文档）.ready（函数（）{
$（“#更改”）。单击（函数（）{
var color=[“蓝色”、“红色”、“黄色”、“黑色”、“粉色”、“绿色”]；
var prompts=prompt（“请键入有效颜色”）；
//检查输入的颜色是否已注册
用于（x色）{
if（颜色[x]==提示）{
//然后将其值设置为颜色
$（“a”）.css（{“color”：prompts}）；
回来
}
}
//处理未注册的颜色
var conf=confirm（'未输入注册颜色，是否设置默认颜色？'）；
如果（conf==true）{
$（“a”）.css（{“颜色”：“黑色”}）；
}
});
})；
ulli a{
颜色：红色；
{







请单击此处更改链接颜色
以下是Jquery模型，以备您查找


//如果要使用Jquery模型
$（文档）.ready（函数（）{
$（“#更改”）。单击（函数（）{
var color=[“蓝色”、“红色”、“黄色”、“黑色”、“粉色”、“绿色”]；
var prompts=prompt（“请键入有效颜色”）；
//检查输入的颜色是否已注册
用于（x色）{
if（颜色[x]==提示）{
//然后将其值设置为颜色
$（“a”）.css（{“color”：prompts}）；
回来
}
}
//处理未注册的颜色
var conf=confirm（'未输入注册颜色，是否设置默认颜色？'）；
如果（conf==true）{
$（“a”）.css（{“颜色”：“黑色”}）；
}
});
})；
ulli a{
颜色：红色；
{







请单击此处更改链接颜色
现在怎么样？：）现在怎么样？：）