E-gradiva > Računalništvo > Programiranje > Načrtovanje in razvoj spletnih aplikacij > Javascript > DOM (Document Object Model) > Razred Anchor

Prijava

Razred Anchor

Razred Anchor omogoča dostop do hiperpovezav v dokumentih HTML.

Za vsako pojavitev elementa <a> se kreira svoj objekt razreda Anchor.

Lastnosti razreda so: accessKey, charset coords, href, hreflang, id, innerHTML, name, rel, rev, shape, tabIndex, target, type.

Standardne lastnosti so: className, dir, lang, title.

Metode razreda so: blur() in focus().

 

Spreminjanje povezave

 


<html>

       <head>

               <script type="text/javascript">

                        function spremeniPovezavo()

                 { 

 document.getElementById('mojaPovezava').innerHTML="Obisci FERI" 

 document.getElementById('mojaPovezava').href="http://www.feri.uni-mb.si" 

 document.getElementById('mojaPovezava').target="_blank"

                  }              

                   </script>

       </head>

       <body>

               <a id="mojaPovezava" href="http://www.microsoft.com">Obisci Microsoft</a>

               <input type="button" onclick="spremeniPovezavo()" value="Spremenjena povezava">

               <p>V tem primeru smo spremenili URL povezavo. Spremenili smo tudi lastnosti te povezave.

               </p>

       </body>

</html>

 

Primer: označi ali odznači povezavo

 


<html>

       <head>

               <style type="text/css">

                       a:active {color:cyan}

               </style>

               <script type="text/javascript">

                    function oznaci()

                       {document.getElementById('mojaPovezava').focus()}

                    function odznaci()

                       {document.getElementById('mojaPovezava').blur()} 

                </script>

          </head>

       <body>

               <a id="mojaPovezava" href="http://www.feri.uni-mb.si">Obisci feri.uni-mb.si</a>

               <br /><br/>

               <input type="button" onclick="oznaci()" value="Oznaèi povezavo">

               <input type="button" onclick="odznaci()" value="Odznaèi povezavo">

       </body>

</html>