Javascript Li元素不可访问

我正在尝试访问以下内容中的颜色和大小：

这是DOM

这是我的密码。它只输出颜色和大小，不输出值。请帮忙

t.desc= e.querySelector(".n_ck_s_itemoption_list").textContent.replace(/\'/g, '');
console.log("Values",t.desc);

---

预期输出为黑色和大…仅获取标题：颜色、大小。谢谢。

如果需要这些值，请尝试以下操作：

var nodes=document.queryselectoral（.n\u ck\u s\u itempoption\u list>div>ulli:last child）；
var text=''；
for（节点中的变量项）{
if（nodes.hasOwnProperty（项））{
log（节点[item].innerHTML）；
text+=节点[item].innerHTML+'，'；
}
};
警报（文本）


颜色
黑色的


大小
大的

在您给我url后编辑

导航到您的url：

把这个放在控制台里

var productDetails = function() {
  var itemTitle = document.querySelector(".s_itemname > h1").textContent

  var item = document.querySelectorAll("div.n_ck_s_itemoption_list")[1]

  var color = item.querySelector("div > ul:nth-child(1) > li:nth-child(2)").textContent

  var size = item.querySelector("div > ul:nth-child(2) > li:nth-child(2)").textContent

  return {
    itemTitle: itemTitle,
    color: color,
    size: size
  }
}

然后测试它


要学好Javascript，请学习上的页面并编写一些真实的程序，如游戏
 试试这段代码

var uls=document.querySelector(".n_ck_s_itemoption_list").getElementsByTagName('ul');
uls[0].getElementsByTagName('li')[0].textContent //retun "color"
uls[0].getElementsByTagName('li')[1].textContent //retun "Black"
uls[1].getElementsByTagName('li')[0].textContent //retun "Size"
uls[1].getElementsByTagName('li')[1].textContent //retun "Large"

那么，预期的输出是什么呢？虽然ss tagview是个不错的主意，但是如果你把它的真实代码放在正确的地方会更好。你选择的是主div的文本内容，但它没有任何文本预期的输出是黑色和大的，bt我只得到颜色和大小@PieroAlberto我该怎么做？深入dom，你必须进入你的主要部门（另一个部门）的子部门，再进入其子部门，在ul上循环，再在这里循环找到li:）将链接发布到网页谢谢！工作得很有魅力！嘿@zelcon5，我在捕获多个项目的数据时遇到问题…你能帮忙吗？每次我有两个或更多的项目在购物车，它只获取数据为1…帮助。谢谢谢谢@byoigres。。。工作，但它与html文本一起提供…你怎么能排除它，而只使用黑色和大型文本？我不明白，如果你运行“剪贴”，你会得到一个带有文本
黑色，大型，
，你到底需要什么？我只需要黑色和大型文本。我得到的是来自内部html的文本。。。我如何替换它，然后只提取黑色和大的？它们显示为警报中的最后文本。这就是我得到的：这就是我得到的：……有更多的html文本以这样的结尾
，蓝色/白色，大号，没关系，我已经整理好了：）谢谢！返回未定义：（请确保在执行上述代码时存在类名为“n_ck_s_itempoption_list”的div元素。