HTML | Objet de citation DOM

Afficher la discussion

Améliorer l’article

Enregistrer l’article

J’aime l’article

Afficher la discussion

Améliorer l’article

Enregistrer l’article

J’aime l’article

La Objet de citation DOM est utilisé pour représenter Élément HTML . L’élément Citer est accessible par getElementById().
Syntaxe

document.getElementById("id");

Où “id” est l’identifiant attribué au citer étiquette.
Exemple 1:

html

<!DOCTYPE html>

<html>

<head>

    <title>DOM cite Object</title>

    <style>

        body {

            text-align: center;

        }

    </style>

</head>

<body>

              /wp-content/uploads/geeksforgeeks-25.png"

         alt="gfg">

    

    

<p><cite id="GFG">GeeksforGeeks Image</cite></p>

    <button onclick="Geeks()">Submit</button>

    <script>

        function Geeks() {

            var w = document.getElementById("GFG");

            w.style.color = "coral";

            w.style.fontWeight = "bold";

        }

    </script>

</body>

</html>            

Production:
Avant de cliquer sur le bouton :

dom cite object 1

Après avoir cliqué sur le bouton :

dom cite object 2

Exemple-2 : Cite Object peut être créé en utilisant le document.createElement méthode.

html

<!DOCTYPE html>

<html>

<head>

    <title>DOM cite Object</title>

    <style>

        body {

            text-align: center;

        }

    </style>

</head>

<body>

    <h2>DOM Cite Object</h2>

  

    <button onclick="Geeks()">

      Submit

    </button>

  

              /wp-content/uploads/geeksforgeeks-25.png"

         alt="gfg">

  

    <script>

        function Geeks() {

            var cite = document.createElement("CITE");

          

            var text =

            document.createTextNode("GeeksforGeeks Image");

          

            cite.appendChild(text);

            document.body.appendChild(cite);

        }

    </script>

</body>

</html>                   

Production
Avant de cliquer sur le bouton :

dom cite object 3

Après avoir cliqué sur le bouton :

dom cite object 4

Navigateurs pris en charge : Le navigateur pris en charge par Objet de citation DOM sont listés ci-dessous :

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opéra
  • Safari

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *