使用javascript获取子元素值

如何使用javascript获取

id=“categoryName”

下的所有href值

<div class="makeStyles-categoryBreadscrumb-83" id="categoryName">
    <a href="/">Home </a><a href="/category/shoes.html">Shoes</a><a>Boots &amp; Booties</a>
</div>

---

您可以使用

.querySelectorAll（“父项>子项”）


let elements=document.querySelectorAll（“#categoryName>a”）；
元素。forEach（（x）=>{
控制台日志（x）；
})

靴子及；战利品
您可以使用
.querySelectorAll（“父项>子项”）


let elements=document.querySelectorAll（“#categoryName>a”）；
元素。forEach（（x）=>{
控制台日志（x）；
})

靴子及；战利品
您可以在
querySelectorAll
的帮助下查看结果


var x=document.querySelectorAll（“#categoryName>a”）；
x、 forEach（（x）=>{
如果（x.href）{
console.log（x.href）；
}
})

靴子及；战利品
您可以在
querySelectorAll
的帮助下查看结果


var x=document.querySelectorAll（“#categoryName>a”）；
x、 forEach（（x）=>{
如果（x.href）{
console.log（x.href）；
}
})

靴子及；战利品
您可以使用以下功能：

let x =document.getElementById('parent').children
for (i = 0; i < x.length; i++) {
  console.log(x.item(i).href)
}

let x=document.getElementById（'parent'）.children
对于（i=0；i
您可以使用以下功能：

let x =document.getElementById('parent').children
for (i = 0; i < x.length; i++) {
  console.log(x.item(i).href)
}

let x=document.getElementById（'parent'）.children
对于（i=0；i
使用
document.getElementById（'categoryName'）。innerHTML
这只能获取html。获取的内容？？使用
document.getElementById（'categoryName'）获取所有href值。innerHTML
此选项只能获取html。您得到了什么？？获取所有href valuedocument.queryselectoral（“categoryName>a”）；我可以用这个吗？是的，但是categoryName是一个id，所以您必须在之前使用#来选择它<代码>#categoryName
document.getElementById（“categoryName>a”）可以吗？不可以。getElementById正在通过id查找元素。在这里使用querySelectorAll
document.querySelectorAll（#categoryName>a”）这是如何使用itdocument.querySelectorAll（“categoryName>a”）；我可以用这个吗？是的，但是categoryName是一个id，所以您必须在之前使用#来选择它<代码>#categoryName
document.getElementById（“categoryName>a”）可以吗？不可以。getElementById正在通过id查找元素。在这里使用querySelectorAll
document.querySelectorAll（#categoryName>a”）这是如何使用itHey muhammad的，欢迎使用堆栈溢出！很好地提供了一个可能的解决方案，但请尝试详细说明此解决方案的工作原理和作用。你可以通过编辑你的答案来做到这一点。嘿，穆罕默德，欢迎来到堆栈溢出！很好地提供了一个可能的解决方案，但请尝试详细说明此解决方案的工作原理和作用。你可以通过编辑你的答案来做到这一点。