Document Object Model ( DOM )

 




DOM TREE




Comments

Post a Comment

Popular posts from this blog

1. Introduction of Javascript

Image
  Introduction of JS JavaScript: JavaScript (originally known as LiveScript) is cross-platform, object-based scripting language that was developed by Netscape programmer Brendan Eich for both client side and server side. It is a lightweight programming language that is interpreted by web browser when the web page is loaded. JavaScript is the most popular language and almost easy to learn as HTML. Features of JavaScript Language (JS) 1. JavaScript (JS) is a high-level, interpreted, cross-platform, and open-source programming language. 2. JavaScript (js) is a lightweight object-based scripting programming language that is mainly used in web programming. 3. It supports both client-side and server-side scripting. 4. It is responsible for making web pages interactive and responsive. Like HTML defines the content and structure of web page, CSS styles the layout, and JavaScript make that web page interactive. 5. JS is not a compiled language, but it is an interpreted language. The JavaScr...
Read more

8. DOM and Event

Image
  Document Object Model (DOM) - Every web page resides inside a browser window which can be considered as an object. - A Document object represents the HTML document that is displayed in that window. The Document object has various properties that refer to other objects which allow access to and modification of document content. - The way a document content is accessed and modified is called the Document Object Model, or DOM. The Objects are   organized in a hierarchy. This hierarchical structure applies to the organization of objects in a Web document. DOM tree - The backbone of an HTML document is tags. - According to the Document Object Model (DOM), every HTML tag is an object. Nested tags are “children” of the enclosing one. The text inside a tag is an object as well. - Every tree node is an object. - All these objects are accessible using JavaScript, and we can use them to modify the page. - Everything in HTML, even comments, becomes a part of the DOM.   ...
Read more

9. Window and Cookies in Javascript

   Window Object in JavaScript: The window object is a global object in the browser's JavaScript environment.  It represents the browser window or frame and provides various properties and methods for interacting with it. Properties of the window Object: 1. window.innerWidth and window.innerHeight:    - Return the inner width and height of the browser window. 2. window.outerWidth` and `window.outerHeight:    - Return the outer width and height of the browser window including toolbars and scrollbars. 3. window.location:    - Provides information about the current URL and allows navigation to other URLs. 4. window.document:    - Represents the DOM (Document Object Model) of the current page. 5. window.navigator:    - Provides information about the browser and its capabilities. 6. window.localStorage and window.sessionStorage:    - Allow storage of key-value pairs persistently or for the duration of the page session...
Read more