Javascript AEM获取子节点内容

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

---

我不知道如何获取子节点属性，但可能我有类似的问题，因为我想在组件中使用图像。我尝试将图像设置为子节点，但没有成功，因为我不知道如何访问它。

---

最后，我使用css加载了图像。

使用AEM附带的图像库组件可以帮助获得如何访问te数据的指导。对我来说，这只是一个问题，作出一些修改，并有它的工作预期。您可以在此处找到AEM图像组件：

/libs/wcm/foundation/components/image/

---

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

您可以在代码之间使用

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;
};

---

CSS中的图像只有一个源，还是通过AEM动态更改路径？只有一个源作为背景，然后在组件中移动和定位它。如下所示：背景图像：url（'../img/twitter_logo.png'）；