JavaScript を使用してハイパーリンクを動的に作成するにはどうすればよいですか?

<code class="javascript">// Create a new anchor (link) element
var a = document.createElement('a');

// Set the text content of the link
var linkText = document.createTextNode("my title text");
a.appendChild(linkText);

// Set the title attribute for accessibility
a.title = "my title text";

// Set the href attribute to specify the link's destination
a.href = "http://example.com";

// Append the link to the body of the document
document.body.appendChild(a);</code>

<code class="javascript">// Create a link using jQuery
var $link = $('<a>').text('my title text').attr('href', 'http://example.com');

// Append the link to the body of the document
$('body').append($link);</code>