Comment utiliser les objets DOM html pour gérer la structure

category Ordinateurs et logiciels / Programmation / Html

Organiser l'information que l'utilisateur voit à l'écran dans une présentation cohérente en utilisant javascript est important. L'utilisateur devrait voir la structure du document HTML, mais la structure devrait soutenir le contenu - il ne devrait pas attirer l'attention sur lui-même. Lorsque vous travaillez avec une page, la structure comprend tout, de tables à des contrôles utilisés pour interagir avec et de gérer le contenu que l'utilisateur est plus intéressé à voir. Les objets DOM HTML suivantes vous aident à effectuer cette tâche lorsque l'on travaille avec javascript.

tag définit headings.You peut voir une liste complète des méthodes et propertiesassociated avec cet objet à w3schools.com/jsref/dom_obj_tabledata.asp.

Objet	Description
Document	Fournit un accès à tous les éléments d'une page entière. Everypage chargé dans un navigateur devient un objet de document que vous accédez à l'aide du document par mot clé. Vous pouvez voir une ListOf complète les méthodes et propriétés associées à cet objet au w3schools.com/jsref/dom_obj_document.asp.
Evénement	Permet l'interaction avec les événements et les événements handlersassociated avec une page. Chaque type d'élément spécifique a eventsassociated avec elle, comme l'événement de clic associé à laBouton objet. Vous pouvez voir une completelist des méthodes et propriétés associées à cet objet atw3schools.com/jsref/dom_obj_event.asp.
HTMLElement	Fournit une classe de base à partir de laquelle tous les éléments HTML sont derived.This classe de base définit les propriétés et les méthodes que tous HTMLelements fournissent. Vous pouvez voir une liste complète des andproperties méthodes associées à cet objet au w3schools.com/jsref/dom_obj_all.asp.
Ancre	Représente un lien hypertexte HTML. Vous pouvez voir une liste complète DELA méthodes et propriétés associées à cet objet au w3schools.com/jsref/dom_obj_anchor.asp.
Région	Définit la région dans une image carte du HTML qui est utilisé pour createclickable régions pour un élément graphique. Vous pouvez voir une completelist des méthodes et propriétés associées à cet objet atw3schools.com/jsref/dom_obj_area.asp.
Base	Indique l'adresse par défaut ou une cible par défaut pour tous les Linkson une page. Vous pouvez voir une liste complète des andproperties méthodes associées à cet objet au w3schools.com/jsref/dom_obj_base.asp.
Corps	Représente la tagportion d'une page, y compris tous les éléments contenus dans thattag. Vous pouvez voir une liste complète des méthodes et propertiesassociated avec cet objet à w3schools.com/jsref/dom_obj_body.asp.
Bouton	Représente un bouton sur une page. Cet objet est specificallyassociated avec le tag, plutôt que le balise form ofbutton. Vous pouvez voir une liste complète des méthodes et propertiesassociated avec cet objet à w3schools.com/jsref/dom_obj_pushbutton.asp.
Forme	Représente une forme et comprend tous les éléments à l'intérieur thatform. Vous pouvez voir une liste complète des méthodes et propertiesassociated avec cet objet à w3schools.com/jsref/dom_obj_form.asp.
Cadre et IFrame	Représente un cadre (la tag) ou un cadre en ligne (le tag) et tous les éléments withinthat tag. Vous pouvez voir une liste complète des méthodes et propertiesassociated avec cet objet à w3schools.com/jsref/dom_obj_frame.asp.
Frameset	Donne accès à un jeu de cadres contenant deux ou plusieurs frames.This objet spécifie que le nombre de lignes et de colonnes utilisées tohold les cadres associés. Vous pouvez voir une liste complète des themethods et propriétés associées à cet objet au w3schools.com/jsref/dom_obj_frameset.asp.
Image	Représente une image intégrée. Vous pouvez voir une liste complète DELA méthodes et propriétés associées à cet objet au w3schools.com/jsref/dom_obj_image.asp.
Entrée Bouton	Représente une bouton tag OfType utilisé pour la construction d'une forme. Vous pouvez voir une ListOf complète les méthodes et propriétés associées à cet objet au w3schools.com/jsref/dom_obj_button.asp.
Entrée Case	Représente une case balise OfType utilisé pour la construction d'une forme. Vous pouvez voir une completelist des méthodes et propriétés associées à cet objet atw3schools.com/jsref/dom_obj_checkbox.asp.
Entrée Fichier	Représente une tag fichier OfType téléchargement utilisé pour la construction d'une forme. Lorsque l'utilisateur clique theButton, le navigateur affiche une boîte de dialogue de navigation utilisé pour localiser thefile. Vous pouvez voir une liste complète des méthodes et propertiesassociated avec cet objet à w3schools.com/jsref/dom_obj_fileupload.asp.
Entrée Caché	Représente une tag OfType caché. Un élément caché est utilisé pour envoyer des données au serverbut est invisible pour l'utilisateur final. Vous pouvez voir une liste complète DELA méthodes et propriétés associées à cet objet au w3schools.com/jsref/dom_obj_hidden.asp.
Entrée Mot de passe	Représente une texte balise OfType utilisé pour la construction d'une forme. Cette forme particulière de TextControl affiche des astérisques à la place des caractères que l'utilisateur hastyped de garder les mots de passe et autres informations secret caché. Youcan Voir la liste complète des méthodes et des propriétés associatedwith cet objet à w3schools.com/jsref/dom_obj_password.asp.
Entrée Radio	Représente une tag OfType bouton radio utilisé pour la construction d'un formulaire. Vous pouvez voir une completelist des méthodes et propriétés associées à cet objet atw3schools.com/jsref/dom_obj_radio.asp.
Entrée Réinitialiser	Représente une bouton tag OfType utilisé pour la construction d'une forme. Ce type de bouton est utilisé toreset le formulaire à son état original. Vous pouvez voir une ListOf complète les méthodes et propriétés associées à cet objet au w3schools.com/jsref/dom_obj_reset.asp.
Entrée Soumettre	Représente une bouton tag OfType utilisé pour la construction d'une forme. Ce type de bouton est utilisé tosend données sur le serveur. Vous pouvez voir une liste complète des propriétés de Méthodologie et associés à cet objet au w3schools.com/jsref/dom_obj_submit.asp.
Entrée Texte	Représente une texte balise OfType utilisé pour la construction d'une forme. Vous pouvez voir une liste complète DELA méthodes et propriétés associées à cet objet au w3schools.com/jsref/dom_obj_text.asp.
Liaison	Crée un lien HTML sur la page. Vous pouvez voir une ListOf complète les méthodes et propriétés associées à cet objet au w3schools.com/jsref/dom_obj_link.asp.
Meta	Définit les méta-données utilisées pour décrire le contenu de la page, automaticallyrefresh contenu, ou effectuer d'autres tâches. Vous pouvez voir une completelist des méthodes et propriétés associées à cet objet atw3schools.com/jsref/dom_obj_meta.asp.
Objet	Créer un objet générique utilisé pour contenir des données non textuelles telles aspictures, les contrôles et audio. Vous pouvez voir une liste complète des themethods et propriétés associées à cet objet au w3schools.com/jsref/dom_obj_object.asp.
Option	Représente une liste déroulante où l'utilisateur peut choisir un singleentry. Vous pouvez voir une liste complète des méthodes et propertiesassociated avec cet objet à w3schools.com/jsref/dom_obj_option.asp.
Sélectionner	Représente une liste déroulante où l'utilisateur peut choisir une des entrées de ouplus. Vous pouvez voir une liste complète des andproperties méthodes associées à cet objet au w3schools.com/jsref/dom_obj_select.asp.
Style	Indique l'apparition d'autres éléments sur la page. Vous SCANEE une liste complète des méthodes et des propriétés associées AvecCeci objet à w3schools.com/jsref/dom_obj_style.asp.
Table	Crée une table sur la page et contient à la fois ligne et cellelements utilisés pour maintenir le contenu. Vous pouvez voir une liste complète des themethods et propriétés associées à cet objet au w3schools.com/jsref/dom_obj_table.asp.
TD et e	Représente une cellule de données dans une table. La	tag est utilisé pour les éléments généraux de données, et de la
tr	Représente une rangée de cellules de données dans une table. Vous pouvez voir acomplete liste des méthodes et propriétés associées à thisObject à w3schools.com/jsref/dom_obj_tablerow.asp.
Textarea	Représente un élément de texte multi-lignes sur la page. Vous pouvez voir acomplete liste des méthodes et propriétés associées à thisObject à w3schools.com/jsref/dom_obj_textarea.asp.

A propos Auteur

Comment utiliser les objets DOM de base pour gérer le contenu de l'application

Le but de toute application javascript est de gérer le contenu. Cela signifie l'ajout, la suppression et la modification du document HTML qui contient les différents éléments qui soutiennent la structure et le contenu. Ces objets donnent…

Comment utiliser les propriétés de formulaire à coder avec javascript

En javascript, les propriétés de la Forme objet correspondent avec les attributs de l'élément de formulaire HTML. Ils sont utilisés pour obtenir ou définir les valeurs de l'HTML forme attributs d'élément avec javascript. Consultez…

Comment utiliser javascript objets navigateur pour gérer l'environnement d'application

Objets javascript sur votre navigateur permettent de découvrir et de changer l'environnement d'application. En sachant où l'utilisateur a disparu, où l'utilisateur est maintenant, et où vous pouvez prendre l'utilisateur, vous pouvez…

Comment utiliser les méthodes de chaînes de javascript pour manipuler le texte pour la programmation HTML5 et CSS3

La longueur la propriété est plutôt cool, mais l'objet de chaîne a beaucoup plus dans sa manche. Objets possèdent également des méthodes. Cordes en javascript ont toutes sortes de méthodes (les choses qu'ils peuvent faire). Voici…

Références et des ressources javascript

javascript permet à la fonctionnalité d'une page Web HTML simple qui peut tout simplement pas faire. Le tableau ci-dessous présente quelques précieuses ressources en ligne pour plus d'informations sur l'utilisation de javascript sur…

Travailler avec javascript objets

En plus des types de données de base (chaîne, nombre, et booléens), opérandes en javascript peuvent également être du type d'objet. Objets javascript peuvent avoir propriétés (choses qui les décrivent) et méthodes (choses qu'ils…

Travailler avec des méthodes à code avec javascript

Les méthodes sont des propriétés avec des fonctions pour leurs valeurs. En javascript, vous définissez une méthode de la même façon que vous définissez une fonction quelconque. La seule différence est que le procédé est assigné à…

HTML, CSS, javascript et le développement mobile pour les nuls

CSS est un langage de feuille de style utilisée pour définir l'apparence et le formatage d'un document écrit dans un langage de balisage - souvent HTML. UN style en ce sens, est un ensemble de formatage de texte des instructions, telles que la…

Obtenir des informations sur les objets et les classes PHP

À leur plus simple, les objets sont des types de données. La classe est le modèle (pattern) pour l'objet. PHP fournit plusieurs fonctions que vous pouvez utiliser pour obtenir des informations sur les objets et les classes:Vous pouvez vérifier…

Comment écrire une déclaration de classe

Vous écrivez le PHP classe instruction pour définir les propriétés et les méthodes de la classe. La classe est le modèle (pattern) pour l'objet. La classe déclaration a le format général suivant:className de classe {Ajouter déclarations…

Programmation HTML5 avec javascript pour les nuls

Références et des ressources Css

Cascading Style Sheets (CSS) vous donnent plus de flexibilité dans la mise en forme et mise en page de votre site Web, ainsi que vous permettant de faire des modifications globales à toutes les pages de votre site. Le tableau ci-dessous présente…

Présentation Classes ActionScript, les objets et méthodes

Objets, classes, méthodes et propriétés - ouf, qui est une bouchée - sont les blocs de construction de la programmation ActionScript. Ces termes sont tous liés, et de comprendre comment ils interagissent est l'une des clés de la maîtrise…

javascript termes d'objets

javascript est un langage orienté objet. Pour comprendre comment interagir avec le modèle objet de document que vous travaillez avec en javascript, vous devez comprendre certains termes de base liées à l'objet. Le tableau suivant…

godiches.com » Ordinateurs et logiciels » Programmation » Html » Comment utiliser les objets DOM html pour gérer la structure