DOM Manipulation in sightly using javascript | Community
Skip to main content
P
pratikshag92644
August 1, 2018

DOM Manipulation in sightly using javascript

  • August 1, 2018
  • 1 reply
  • 4705 views

Is it possible to achieve DOM manipulation inside use function by accessing document and window objects? If not do we need to create a separate js file to achieve this? Currently in my component I have one JS file inside clientlibs which only deals with DOM manipulation and the other one which uses "use" function. So is this the right approach?

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

1 reply

arunpatidar
Community Advisor
arunpatidarCommunity Advisor
Community Advisor
August 1, 2018

Yes, you can manipulation of DOM using clientlibs.

Note : data-sly-use is use to intantiate Java/Js object for for backend functionality.

Arun Patidar
smacdonald2008
smacdonald2008
Level 10
August 1, 2018

WHen working with HTL components - you can use JS - as shown here:

Adobe Experience Manager Help | Creating an Adobe Experience Manager HTML Template Language component that uses JavaScri…

Perform your document object calls within JS.

P
pratikshag92644Author
August 2, 2018

The example in the link has a java object ("hello") which is used to retrieve message and another script.js file in clientlibs which does all the DOM manipultaion. But in my case I have a js file which uses sightly use (fucntion() {....}) i.e Javascript use API for retrieving message and another script.js file in clientlibs which does DOM manipulation. So there are two JS files for a component.

So can we do this? Or can I call the document object inside the sightly use(function(){})?

Terms & ConditionsAccessibility statement

Loading footer...