javascript div子项不工作
使用yrss库,我将RSS提要加载到我的HTML文档中。这很有效 但是我想从JavaScript访问div 我可以查找父节点(var测试)并将其放在控制台中。但是当我想要得到子元素的数量时,它返回0 我正在使用以下代码:javascript div子项不工作,javascript,html,Javascript,Html,使用yrss库,我将RSS提要加载到我的HTML文档中。这很有效 但是我想从JavaScript访问div 我可以查找父节点(var测试)并将其放在控制台中。但是当我想要得到子元素的数量时,它返回0 我正在使用以下代码: var test = document.querySelector('#History_0'); console.log("test:"); console.log(test); //Returns <div class="item_trackHistory rss-f
var test = document.querySelector('#History_0');
console.log("test:");
console.log(test); //Returns <div class="item_trackHistory rss-feed" id="History_0">
console.log("test.childElementCount:");
console.log(test.childElementCount); //Returns 0
code
this.getRSS = function(div, link, iteration){
$('#'+div+'').yrss(link,{
limit: 50,
dateformat: 'localedate',
tags:'true',
logging:'false'
});
var parent = document.querySelector('#History_'+iteration+'');
var childCount = 0;
if (parent !== null){
var childElements = parent.getElementsByClassName('entry-wrapper');
console.log(childElements);
console.log(childElements.item(0));
if(childElements !== null){
childCount = childElements.length;
console.log(childCount);
}
}
ChildElements的console.log返回一个HTML集合,该集合似乎有20个条目。但是控制台记录ChildElement.item(0)时,它返回null。
childCount的控制台日志返回0
有人知道如何访问childElements吗?
在我的整个js文件中,我应该在哪里调用一个函数来访问yrss函数创建的div?并不像其他人指出的那样,这不是最好的问题,但是,我们可以看一些简单的事情。我不确定页面是否在页面加载后加载RSS提要。我想不会,我会准确地回答这个问题 您可以在这里看到我的工作代码示例: 我也添加了注释。下面是一个片段,它应该是让您开始学习的最重要的部分
// Grab 'parent' div - History_0 or by class name 'rss-feed'
var parent = document.querySelector('.rss-feed');
var childCount = 0; // Just want to spit this out on the page so you can see.
// Check if parent isn't null
if(parent !== null){
// Get child elements by class name
var childElements = parent.getElementsByClassName('entry-wrapper');
// Check if child elements isn't null...
if(childElements !== null){
// Print results, just so we can look.
childCount = childElements.length;
console.log(childCount);
}
}
我用你的照片作为参考
要注意的是,我根据他们的类名来抓取东西。那就简单点。但每个人都是不同的,只要对你有用
这至少可以让您继续。可能是因为它们是在代码运行之后插入的。请在问题中以文本形式提供所有代码,而不是图像形式。谢谢您的回答,Vincent。令人遗憾的是,这并没有完全奏效。我更新了上面的原始问题,所以您可以看到更多代码。你有没有主意,我应该把你的代码片段放在哪里去访问子div?
// Grab 'parent' div - History_0 or by class name 'rss-feed'
var parent = document.querySelector('.rss-feed');
var childCount = 0; // Just want to spit this out on the page so you can see.
// Check if parent isn't null
if(parent !== null){
// Get child elements by class name
var childElements = parent.getElementsByClassName('entry-wrapper');
// Check if child elements isn't null...
if(childElements !== null){
// Print results, just so we can look.
childCount = childElements.length;
console.log(childCount);
}
}