Modifying DOM Elements Managed by the Lightning Component Framework

The framework creates and manages the DOM elements owned by a component. If you want to modify these DOM elements created by the framework, modify the DOM elements in the handler for the component’s render event or in a custom renderer. Otherwise, the framework will override your changes when the component is rerendered.

For example, if you modify DOM elements directly from a client-side controller, the changes may be overwritten when the component is rendered.

You can read from the DOM outside a render event handler or a custom renderer.

The simplest approach is to leave DOM updates to the framework. Update a component’s attribute and use an expression in the markup. The framework’s rendering service takes care of the DOM updates.

You can modify CSS classes for a component outside a renderer by using the $A.util.addClass(), $A.util.removeClass(), and $A.util.toggleClass() methods.

There are some use cases where you want to perform post-processing on the DOM or react to rendering or rerendering of a component. For these use cases, there are a few options.

• Handle the render Event
  When a component is rendered or rerendered, the aura:valueRender event, also known as the render event, is fired. Handle this event to perform post-processing on the DOM or react to component rendering or rerendering. The event is preferred and easier to use than the alternative of creating a custom renderer.
• Create a Custom Renderer
  The framework’s rendering service takes in-memory component state and creates and manages the DOM elements owned by the component. If you want to modify DOM elements created by the framework for a component, you can modify the DOM elements in the component’s renderer. Otherwise, the framework will override your changes when the component is rerendered.

DOM: Document Object Model

The DOM is a W3C (World Wide Web Consortium) standard.

The DOM defines a standard for accessing documents:

"The W3C Document Object Model (DOM) is a platform and language-neutral interface that allows programs and scripts to dynamically access and update the content, structure, and style of a document."

The W3C DOM standard is separated into 3 different parts:

• Core DOM - standard model for all document types
• XML DOM - standard model for XML documents
• HTML DOM - standard model for HTML documents

I

1. Itna na mujhse tu pyar badha
2. Is kadar pyar he tumse ye Humsafar 
3. Ik Kone Mein Tha Baitha Jab Mujhe Woh Dikhi Thi
4. is ishq-o-muhobbat ki, kuchh hain ajeeb rasmein
5. Is Deewane Ladke Ko, Koi Samjhaye
6. ishq aur pyaar kaa mazaa lijiye
7. Ishq hota nahi he sabhi ke liye

Standard Fields that can be encrypted using Shield Encryption

Account

Account Name

Billing Address

Shipping Address

Phone

Fax

Website

Description

Account Site

Contact

Name

Other Address

Mailing Address

Phone

Fax

Mobile

Home Phone

Other Phone

Asst. Phone

Email

Title

Assistant

Description

Lead

Name

Title

Company

Address

Phone

Mobile

Fax

Email

Website

Description

Opportunity

Opportunity Name

Description

Next Step

Case

Subject

Description

Case Comment

Body

Activity (Task & Event)

Description

Contract

Billing Address

List Email

From Name

From Address

Reply To Address

List Email Sent Result

Email