在另一个动态div中的动态li中获取span的第一个值,可以通过以下步骤实现:
document.getElementById()
或document.querySelector()
方法获取到该父元素。querySelectorAll()
方法获取到所有的动态li元素,该方法返回一个NodeList对象。forEach()
方法或者普通的for循环来遍历每个动态li元素。querySelector()
方法获取到该li元素下的第一个span元素,然后使用textContent
属性获取到span元素的文本内容。下面是一个示例代码:
// 获取包含动态div的父元素
var parentDiv = document.getElementById('parentDiv');
// 获取所有的动态li元素
var dynamicLis = parentDiv.querySelectorAll('.dynamic-li');
// 遍历每个动态li元素
dynamicLis.forEach(function(li) {
// 获取li元素下的第一个span元素的文本内容
var spanValue = li.querySelector('span').textContent;
// 在这里可以对spanValue进行进一步处理或使用
console.log(spanValue);
});
请注意,上述代码中的parentDiv
和.dynamic-li
是示例中的选择器,你需要根据实际情况修改为你的HTML结构和选择器。此外,该代码仅适用于静态页面加载完成后获取动态生成的li元素,如果li元素是通过异步加载或动态添加的,需要在相应的时机执行上述代码。
领取专属 10元无门槛券
手把手带您无忧上云