---
schema_version: "1"
id: a4d135ab4fa3b0d779ebd35885cb9f2e9e66fe878c999e0ba8422c8624eb3d3b
title: Modifying DOM Elements Managed by External Libraries
collection: developer
version: current
locale: en-us
portal_url: https://docs.salesforce.com/developer/current/en-us/platform/aura-platform/guides/aura/js/js-dom-modify-external.md
canonical_url: https://developer.salesforce.com/docs/platform/aura-platform/guide/js-dom-modify-external.html
source_site: developer.salesforce.com
content_type: documentation
content_hash: b93673e10bd459617c9a4a654adffcf8abd416dd2614911cbaefcb06592871f9
products:
  - Lightning Aura Components Developer Guide
  - Platform Developer Content
---

# Modifying DOM Elements Managed by External Libraries

You can use different libraries, such as a charting library, to create and manage DOM elements. You don’t have to modify these DOM elements within the `render` event handler or a renderer because they are managed by the external library.

A `render` event handler or a renderer are used only to customize DOM elements created and managed by the Aura Components programming model.

To use external libraries, use `<ltng:require>`. The `afterScriptsLoaded` attribute enables you to interact with the DOM after your libraries have loaded and the DOM is ready. `<ltng:require>` tag orchestrates the loading of your library of choice with the rendering cycle of the Aura Components programming model to ensure that everything works in concert.

**See Also**  


-   [Using External JavaScript Libraries](https://developer.salesforce.com/docs/platform/aura-platform/guide/js-libs-platform.md)
-   [Modifying DOM Elements Managed by](https://developer.salesforce.com/docs/platform/aura-platform/guide/js-dom-modify-framework.md)