AEM获取子节点内容

Question

你如何获得子节点内容与JavaScript具体？

我可以通过以下方式获取父节点信息：

花岗岩资源属性

但是我需要访问子节点

-家长

--子对象（命名图像）

有很多方法可以通过Java访问子节点，但我正在构建一个只使用JavaScript的解决方案：

下面是Java示例

for (Node n1 : JcrUtils.getChildNodes(node)){
  String imagePath = n1.getPath().toString();
  Resource imageResource = resourceResolver.getResource(imagePath);
  Node imageNode = imageResource.adaptTo(Node.class);
  ValueMap imageNodeProps = imageResource.adaptTo(ValueMap.class);
  String imageName = null;
  imageName= imageNodeProps.get("fileReference", "None");

Answer 1

您可以在代码之间使用console.log（）并检查error.log中的值

function(nodeInfo) {
    /* from current node, get the children nodes */
    nodeInfo.childrenNodes = currentNode.getNodes();
    if(typeof nodeInfo.childrenNodes != "undefined") {

        for(var childrenNode in nodeInfo.childrenNodes) {
             /*iterate through children nodes, get specific 'child' node */
             if(childrenNode === "specificChildNode") {
                 /* if required property is present, get that property */
                 if(nodeInfo.childrenNodes[childrenNode].hasProperty("requiredProperty")){
                    nodeInfo.reqProp = nodeInfo.childrenNodes[childrenNode].getProperty("requiredProperty");
                 } 
             }
         }
    }
    return nodeInfo;
};

Answer 2

使用AEM附带的图像基础组件有助于获得如何访问te数据的指导。对我来说，做一些修改并让它按预期工作只是一件事。你可以在这里找到AEM图像组件：

/libs/wcm/foundation/components/image/

浏览提供的不同文件以获取更多信息。

Answer 3

我不知道如何获得子节点属性，但也许我有类似的问题，因为我想在组件中使用一个图像。我试图将图像设置为子节点，但没有成功，因为我不知道如何访问它。我最终使用css加载图像。