I have an attribute within a DIV tag thats needs to be rewritten (<div data-background="/content/abc/en/jcr:content/mainparsys/generic_banner/image.adapt.1663.high.jpg" />). I tried all steps in the below articles but no success.
This use case is more of a general JavaScript task. There are quite a few online resources that talk about how to use JavaScript to dynamically modify DIV tags. For example:
The other links you referenced are about changing links within AEM. The one that Shekhar referenced talks about how to use the JCR API to get JCR content and modify nodes/props. But you need to simply modify DIV tags in content located in AEM.