The DOM

-

 Document Object Model

The data representation ("Internal representation") of the parsed HTML code

The browser parsed our HTML code and saves all elements as JavaScript objects

Our JavaScript code is able to interact with the DOM and extract data from it or manipulate it

Exploring the DOM 




DOM Drilling limitations 





Comments

Post a Comment

Popular posts from this blog

ADVANCE FUNCTIONS JS

-
Image
 A function has access to the variable environment (VE) of excecution context it was created  Closure : VE attached to the function, exactly as it was at the time and place the function was created  A closure is the combination of a function bundled together (enclosed) with references to its surrounding state (the lexical environment). In other words, a closure gives you access to an outer function's scope from an inner function. In JavaScript, closures are created every time a function is created, at function creation time. A closure is the closed-over variable environment of the execution context in which a function wascreated, even after that execution context is gone. A closure gives a function access to all the variables of its parent function , even after that parent function has returned. The function keeps a reference to its outer scope, which preserves the scope chain throught time. A closure makes sure that a function doesn't loose connection to variable that...
Read more

What is Js In a high level

-
Image
 JavaScript is a high-level, prototype-based object-oriented, multiparadigm interpreted or just-in-time compiled dynamic, single-threaded garbage-collected programming language with first-class-functions clog it up  just in time compiled language  Our computer only understands 0s and 1s  Human readable Js convert to the machine to JS  Multi-paradigm Program  An approach and mindset of structuring code, which will direct your coding style and technique  1. Procedural Programming 2.Oriented programming 3. Structure  Arrays are in  Prototypal inheritance Js is a language with first-class functions , functions are simply treated as variables . we can pass them into other functions, and return them from functions  Javascript is a Dynamic language No data type definitions Types become known at runtimes The data type of the variable is automatically changed. Concurrency model How the javascript engine handles multiple tasks happening at the sa...
Read more

Arrays JavaScript Objects JavaScript

-
Image
  Arrays The Array object, as with arrays in other programming languages, enables storing a collection of multiple items under a single variable name and has members for performing common array operations. Description In JavaScript, arrays aren't primitives but are instead Array objects with the following core characteristics: JavaScript arrays are resizable and can contain a mix of different data types. (When those characteristics are undesirable, use typed arrays instead.) JavaScript arrays are not associative arrays and so, array elements cannot be accessed using arbitrary strings as indexes, but must be accessed using nonnegative integers (or their respective string form) as indexes. JavaScript arrays are zero-indexed: the first element of an array is at index 0, the second is at index 1, and so on — and the last element is at the value of the array's length property minus 1. JavaScript array-copy operations create shallow copies. (All standard built-in copy operations with...
Read more