Community Learn Tools Library Leisure
search
English
Home > Web Front-end > HTML Tutorial > Detailed explanation of the basics of Dom exploration

Detailed explanation of the basics of Dom exploration

WBOY
Release： 2016-10-12 09:50:15
Original
852 people have browsed it

Get to know DOM

DOM level

enter description here



Note: The DOM level 0 standard does not actually exist, it is just a reference point for the historical coordinate system. Specifically, it refers to the DHTML originally supported by IE4.0 and Netscape Navigator4.0.

Node type

enter description here



Note: 1. The node represents the attribute in the element. Because the attribute is actually attached to the element, the attribute node cannot be regarded as a child node of the element. In the DOM, the attribute node is not considered to be part of the document tree, that is, the attribute A node is considered part of the element node that contains it and does not appear as a separate node in the document tree. 2. The document fragment node serves as a placeholder when inserting the node. 3.IE does not support character constants (because IE does not have Node objects).

DOM ready

Html tags must be parsed by the browser before they become DOM nodes.
enter description here
enter description here
DOM ready is more optimized than window.onload.

Inheritance hierarchy and nesting rules

enter description here



enter description here
HTML nesting rules
enter description here
Block and inline element nesting rules

  • Block elements can contain inline elements or certain block elements, but inline elements can only contain inline elements.

  • Special tags such as h1~h6, p, and dt can only contain inline elements.

Reference material: MOOC - Detailed explanation of the basics of DOM exploration

Related labels：
Dom探索之基础详解
source：php.cn
Previous article：html&css static page Next article：canvas game greedy snake
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
function_exists() cannot determine the custom function Function test () {return true;} if (function_exists ('test')) {echo "test is function...
From 2024-04-29 11:01:01
0
3
2250
How to display the mobile version of Google Chrome Hello teacher, how can I change Google Chrome into a mobile version?
From 2024-04-23 00:22:19
0
11
2387
The child window operates the parent window, but the output does not respond. The first two sentences are executable, but the last sentence cannot be implemented.
From 2024-04-19 15:37:47
0
1
1998
There is no output in the parent window document.onclick = function(){ window.opener.document.write('I am the output of the child ...
From 2024-04-18 23:52:34
0
1
1885
Where is the courseware about CSS mind mapping? Courseware
From 2024-04-16 10:10:18
0
0
1954
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template