anchor and link object are sub-objects (or properties) of the document object, they represent an HTML hyperlin.
These objects have not methods, only properties.

1. anchor object

The Anchor object represents an HTML <a> tag. This object allows you to create a link to another document (with the href attribute), or to a different point in the same document (with the name attribute).
You can access an anchor by using getElementById(), or by searching through the anchors[] array of the document object.

anchor object properties


- Example with the value returned by some of these properties:
<a href="http://coursesweb.net" title="Courses Web" id="idl" rel="friend" target="_blank" hreflang="us-en">Free Courses</a>
<script type="text/javascript"><!--
document.write('href - '+ document.getElementById("idl").href+ '<br />');
document.write('text - '+ document.getElementById("idl").text+ '<br />');
document.write('hreflang - '+ document.getElementById("idl").hreflang+ '<br />');
document.write('rel - '+ document.getElementById("idl").rel+ '<br />');
document.write('target - '+ document.getElementById("idl").target+ '<br />');
--></script>
- The output of the code above:
href - http://coursesweb.net/
text - Free Courses
hreflang - us-en
rel - friend
target - _blank

2. link object

The link object represents an HTML link element.
A link element (<link>) is defined in the head section of an HTML document and it defines the relationship between two linked documents.
You can access an anchor by using getElementById().

link object properties


- Example with the value returned by some of these properties:
<html>
<head>
<title>JS object</title>
<link rel="stylesheet" type="text/css" hreflang="us-en" name="stylesheet" id="stl" href="style.css" />
</head>
<body>
<script type="text/javascript"><!--
document.write('href - '+ document.getElementById("stl").href+ '<br />');
document.write('hreflang - '+ document.getElementById("stl").hreflang+ '<br />');
document.write('rel - '+ document.getElementById("stl").rel+ '<br />');
document.write('name - '+ document.getElementById("stl").name+ '<br />');
--></script>
</body>
</html>
- The result is:
href - style.css
hreflang - us-en
rel - stylesheet
name - stylesheet

Daily Test with Code Example

HTML
CSS
JavaScript
PHP-MySQL
Which tag adds a new line into a paragraph?
<b> <br> <p>
First line ...<br>
Other line...
Which CSS property can be used to add space between letters?
text-size word-spacing letter-spacing
#id {
  letter-spacing: 2px;
}
What JavaScript function can be used to get access to HTML element with a specified ID?
getElementById() getElementsByTagName() createElement()
var elm = document.getElementById("theID");
var content = elm.innerHTML;
alert(content);
Click on the "echo" correct instruction.
echo "CoursesWeb.net" echo "CoursesWeb.net"; echo ""CoursesWeb.net";
echo "Address URL: http://CoursesWeb.net";
anchor and link object

Last accessed pages

  1. Check the file type before Upload (7087)
  2. Counter Strike (2346)
  3. Bubble Tanks 3 (28255)
  4. HTML object and param (8328)
  5. Get the value of the selected /checked checkboxes in a form (35068)

Popular pages this month

  1. Qwop (4991)
  2. Get Attribute (ID, Class, Name, Title, Src) with jQuery (3084)
  3. Get the value of the selected /checked checkboxes in a form (2379)
  4. Drag Racer V3 (1995)
  5. Flash Games - Free online Games (1612)