Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jsp/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
javascript div子项不工作_Javascript_Html - Fatal编程技术网

javascript div子项不工作

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

使用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-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);

  }
}