Javascript 获取输入标记的子元素

Javascript 获取输入标记的子元素,javascript,Javascript,我正试图在标记的正下方找到标记,以便以后进行样式设计。我尝试了.firstElementChild,它给了我一个null值。如何获取已单击复选框字段的标签标签?这是我的代码: var checkbox=document.querySelectorAll(“输入[type='checkbox']”); 对于(变量i=0;i{ var targetCb=e.target; console.log(targetCb.firstElementChild); }); } 风格集 风格集1 风格集

我正试图在
标记的正下方找到
标记,以便以后进行样式设计。我尝试了
.firstElementChild
,它给了我一个
null
值。如何获取已单击复选框字段的标签标签?这是我的代码:

var checkbox=document.querySelectorAll(“输入[type='checkbox']”);
对于(变量i=0;i{
var targetCb=e.target;
console.log(targetCb.firstElementChild);
});
}
    风格集
  • 风格集1
  • 风格集2
  • 风格集3
  • 风格集4
更改
var targetCb=e.target
var targetCb=e.target.nextElementSibling

更改
var targetCb=e.target

var targetCb=e.target.nextElementSibling

您似乎不知道
子元素和
兄弟元素是什么

考虑以下儿童问题:

<div id="parent">
  <div id="child">I'm the child of my parent.</div>
</div>
    风格集
  • 风格集1
  • 风格集2
  • 风格集3
  • 风格集4

您似乎不知道
子元素和
兄弟元素是什么

考虑以下儿童问题:

<div id="parent">
  <div id="child">I'm the child of my parent.</div>
</div>
    风格集
  • 风格集1
  • 风格集2
  • 风格集3
  • 风格集4


输入没有子元素。。。它有一个
nextElementSibling
虽然标签不是输入的子项,但它是一个同级项。子元素是另一个元素中的一个元素-例如
元素都是
  • 的子元素,因为它们彼此包裹在一起。而相邻且父元素相同的元素是兄弟元素(就像在现实家庭中一样)。如果你的术语正确,那么问题会突然变得很容易研究和解决。@ADyson是的,错误的术语……你应该把它作为一个答案。我只是给了你一个提示,我没有告诉你正确的代码解决方案,所以我不确定它是否符合答案。好吧。Tnx.an输入没有子元素。。。它有一个
    nextElementSibling
    虽然标签不是输入的子项,但它是一个同级项。子元素是另一个元素中的一个元素-例如
    元素都是
  • 的子元素,因为它们彼此包裹在一起。而相邻且父元素相同的元素是兄弟元素(就像在现实家庭中一样)。如果你的术语正确,那么问题会突然变得很容易研究和解决。@ADyson是的,错误的术语……你应该把它作为一个答案。我只是给了你一个提示,我没有告诉你正确的代码解决方案,所以我不确定它是否符合答案。好吧。Tnx.downvote完全没有解释代码是什么、做什么、为什么应该使用它、为什么OP走上了错误的轨道(例如对DOM术语的错误理解)。只有代码的答案对于不理解它们的人来说没有多大用处。它只是鼓励了货运狂热的编程。现在,任何能阅读英语代码的人都能理解。(另一方面,在我发布我的答案后的几秒钟内,你实际上否决了我的答案。我希望人们不会那么高兴)为什么?如果你的答案还没有准备好让人们来评判,不要发布。您的新版本更加简洁,但您仍然没有对更改的实际解释。这里的全部问题是OP似乎不了解儿童和兄弟姐妹。您的答案假设他们会明白为什么您的代码是正确的解决方案。但是,如果他们不理解DOM同级是什么,为什么他们要理解更改后的代码?@ADyson,我的朋友…:在我看来,你是在假设提问的人不够聪明,无法理解“孩子”和“同级”之间的区别。此外,我来这里不是为了写一本关于DOM的书,只是为了给一个简单的问题一个简单的答案。此外,加洛曼达已经暗示了这一点。是的,@ADyson:我们同意不同意。顺便说一句,我自己对CodeF0x answer.down投了赞成票,因为我完全没有解释代码是什么,或者代码的用途,或者为什么应该使用它,或者为什么OP走上了错误的轨道(例如,对DOM术语的理解不正确)。只有代码的答案对于不理解它们的人来说没有多大用处。它只是鼓励了货运狂热的编程。现在,任何能阅读英语代码的人都能理解。(另一方面,在我发布我的答案后的几秒钟内,你实际上否决了我的答案。我希望人们不会那么高兴)为什么?如果你的答案还没有准备好让人们来评判,不要发布。您的新版本更加简洁,但您仍然没有对更改的实际解释。这里的全部问题是OP似乎不了解儿童和兄弟姐妹。您的答案假设他们会明白为什么您的代码是正确的解决方案。但是,如果他们不理解DOM同级是什么,为什么他们要理解更改后的代码?@ADyson,我的朋友…:在我看来,你是在假设提问的人不够聪明,无法理解“孩子”和“同级”之间的区别。此外,我来这里不是为了写一本关于DOM的书,只是为了给一个简单的问题一个简单的答案。此外,加洛曼达已经暗示了。是的,@ADyson: