Javascript Create A Hyperlink Element
Posted by tech on
September 22, 2008
Creating a hyperlink element using Javascript is pretty simple. Do the following. Notice, that the hyperlink element contains two text ‘click me’ that’s been set twice. This is because IE only accepts its proprietary innerText property to set a hyperlink’s text while other browsers use textContent. To set a CSS class name, you need to use the className attribute because the class property is a reserved word in Javascript. You can either use it as element.classname = 'class_name' or element.setAttribute('className', 'class_name');
<body> <div id="div"></div> </body>
<script> div = document.getElementById('div'); a = document.createElement('a'); a.innerText = 'click me'; a.textContent = 'click me'; a.href = 'javascript://'; a.setAttribute('className', 'more_right'); a.setAttribute('onclick', 'alert("clicked");'); div.appendChild(a); </script>
March 2nd, 2011 at 1:21 pm
Sorry - I did copy the whole page, but that’s not what it posted. Could you just use the code in a working example for newbies like me to mimic? Thanx again!
March 4th, 2011 at 12:01 am
@Dallas: hi. the html code was a shortcut, i figured having the div tags alone would work. you can add
tags between the div tags.i updated the html code above