DOM and BOM of JavaScript objects
preface
This article briefly introduces the BOM object and DOM object of JavaScript, as well as the related methods and usage.
catalogue
1, DOM object simple learning
2, Events
2.1 simple learning of events
2.2. Event monitoring mechanism
Case: bulb switch:
3, BOM object
3.1. BOM object concept:
3.2 composition
Case: ...
Added by corbin on Wed, 23 Feb 2022 14:44:16 +0200
DOM proficient? What is the difference between Node and Elment?
prefaceI believe many of our students often use the concepts of Node and Element. What's the difference between them? I don't know how many people can answer this question?Today, I'm here to try to explain the difference between Node and Element.preparationBefore formally introducing the difference between Node and Element, let's prepare the fo ...
Added by ghurtado on Sun, 20 Feb 2022 20:12:25 +0200
HTML DOM Learning Front End must understand the architecture DOM [simple, easy to learn, comprehensive]
Before learning html dom, you must have HTML，CSS and Javascript Knowledge reserve.
1. Interpret DOM, HTML DOM, and XML DOM
1. What is DOM?
Here DOM, the full name is short for Document Object Model. DOM is the standard of the W3C (World Wide Web Consortium). DOM defines standards for accessing HTML and XML documents.
2. What is an XML ...
Added by archangel_617b on Wed, 09 Feb 2022 22:34:50 +0200
Dark horse JavaScript notes, web APIs DOM, advanced events
1, DOM
01DOM introduction
1.1 what is DOM
1.2 DOM tree
02 get element
2.1 how to get page elements
2.2 get by ID
<body>
<div id="time">2019-9-9</div>
<script>
// 1. Because our document page is loaded from top to bottom, there must be a label first, so we write the script below the label
...
Added by Destramic on Mon, 31 Jan 2022 20:38:36 +0200
Front end case: my memo (supports the addition, deletion and modification of events, and the code is complete)
This case does not use any framework. It is implemented using js native and DOM operation. The code is complete and can be copied and used immediately.
catalogue
1, Case effect
2, Key points involved
1. Event monitoring
2. DOM node operation
(1) Common node acquisition methods
(2) Common node information acquisition methods
(3) Common ...
Added by Brokenhope on Wed, 19 Jan 2022 10:09:59 +0200
[practical skills] CSS custom attributes and their use in VUE3
What are css custom attributes
It's officially called custom attribute, but I'm used to calling it variable. In short, it's a CSS attribute that developers can name and use independently
How are CSS variables different from those in the preprocessor?
CSS variables are CSS properties directly available in the browser, while variables in prepr ...
Added by FidelGonzales on Mon, 17 Jan 2022 11:21:32 +0200
JavaScript: Dom knowledge points summary
catalogue
1, Introduction to DOM
2, HTML DOM tree structure:
3, DOM node
Node type
Node parent, child, and sibling
(1) Parent node
(2) Child nodes
(3) Child nodes
(4) Child nodes first and last
(5) Sibling node
4, DOM object
1. Common ways to find HTML elements
(1) get method
(2) querySelector and querySelectorAll
(3) Get speci ...
Added by .Stealth on Mon, 17 Jan 2022 10:36:17 +0200
Front end Engineer Cultivation Plan DOM Part 05 - reflux and redrawing
In the previous section, we talked about most node operations. This section complements some node operations and describes some optimization solutions to browser rendering problems
Get element related nodes
<body>
<div class="item">
<h3 class="title">123</h3>
<p class="des">456</p>
<p class="pri ...
Added by envexlabs on Tue, 21 Dec 2021 03:55:51 +0200
How to use JS to realize a screen recording function
Code words are not easy, and helpful classmates hope to be able to pay attention to my WeChat official account: Code program life, thank you! Code self use and self access.
Take you to realize a screen recording function with JavaScript. OBS studio is easy to use, but JavaScript is also easy to use. Now, we use JavaScript to realize our ...
Added by herbally on Fri, 26 Nov 2021 18:13:51 +0200