Comment utiliser dom pour définir l`attribut largeur d`un élément

Un développeur Web peut écrire un élément DOM HTML et lui attribuer un identifiant et un gestionnaire d`événements Click. Dans cet exemple, un élément de bouton a été attribué l`ID de yourButton et une fonction de gestionnaire click nommé Modif.dim.

A codes de développeurs Web un élément javascript correspondant en utilisant la propriété width définie. Il utilise getElementByID de javascript pour sélectionner l`élément HTML et établit la largeur de l`élément avec le style propriété width. Prenons l`exemple suivant. Ce javascript va changer la taille de l`élément de bouton à partir de l`échantillon HTML DOM. Lorsque le bouton est cliqué, la fonction Modif.dim est appelée et la propriété width mis établit la nouvelle taille du bouton à un très grand 1000 pixels.

Cet exemple achevé combine les extraits des deux exemples précédents pour démontrer comment la largeur de l`élément DOM peut être manipulé avec javascript.

Encore une fois le développeur Web doit écrire le code HTML. Dans cet exemple, une balise de paragraphe standard encapsule un texte.

Voici un texte. jQuery établira cette taille de l`élément qui contient ce texte.

Le framework jQuery doit être jointe au document. Le cadre est disponible pour téléchargement à partir du site jQuery ou peut être lié à partir de l`API Google.

Le script jQuery manipule le DOM en utilisant la méthode largeur jQuery (). Dans cet exemple, la fonction prêt jQuery utilise la méthode largeur pour définir la largeur de l`élément de paragraphe à 600 pixels.

Le code jQuery complet apparaît comme suit.

Voici un texte. jQuery établira cette taille de l`élément qui contient ce texte.