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 attribute can be used to add CSS styles directly in the HTML tag?
type style class
<div style="width: 80%; border: 3px solid #888888;">Content</div>
Which CSS transform method distorts the HTML element in a given angle (including its content)?
translate() scale() skew()
#some_id {
  transform: skew(20deg, 25deg);
  -ms-transform: skew(20deg, 25deg);   /* IE 9 */
  -webkit-transform: skew(20deg, 25deg);   /* Safari and Chrome */
}
Click on the function which converts a Date object to a string.
indexOf() toString() getDate()
var rightnow = new Date();
alert( rightnow.toString() );
Which function applies a callback function to the elements of the given array?
array_merge() array_search() array_map()
$arr = arra("abc", "<p>xyz</p>", "<em>PHP</em>");
// apply the strip_tags() function to delete HTML tags from each array item
$arr = array_map("strip_tags", $arr);
}
anchor and link object

Last accessed pages

  1. Mahjong Games (17769)
  2. Get Lower, Higher, and Closest Number (1574)
  3. Mahjong Long (687)
  4. jQuery ajax() method (13416)
  5. SHA512 Encrypt hash in JavaScript (7775)

Popular pages this month

  1. Qwop (3030)
  2. Drag Racer V3 (1516)
  3. Bubbles3 (727)
  4. Flash Games - Free online Games (677)
  5. Courses Web: PHP-MySQL JavaScript Ajax HTML CSS Flash-AS3 (665)