使用JavaScript在HTML中动态创建锚标记

前端之家收集整理的这篇文章主要介绍了使用JavaScript在HTML中动态创建锚标记前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有关于锚标签javascript. Converting a URL to an anchor tag的问题

文本框接受网址(例如“www.youtube.com”)

我创建了一个Javascript函数,将“http://”添加链接中.

如何制作,以便转换按钮在网页上添加一个链接,将您带到另一个选项卡中的网站.

我的Javascript代码如下:

  1. var webpage="";
  2. var url="";
  3. var message="";
  4. var x= 0;
  5. var page="";
  6.  
  7. function convert()
  8. {
  9. url=document.getElementById("link").value;
  10. webpage = "http://" + url;
  11. }

解决方法

您可以生成元素并将所需的属性应用于它.然后将新链接附加到输出段落.
  1. function generate() {
  2. var a = document.createElement('a');
  3. a.href = 'http://' + document.getElementById('href').value;
  4. a.target = '_blank';
  5. a.appendChild(document.createTextNode(document.getElementById('href').value));
  6. document.getElementById('link').appendChild(a);
  7. document.getElementById('link').appendChild(document.createElement('br'));
  8. }
  1. Link: <input id="href"> <button onclick="generate()">Generate</button>
  2. <p id="link"></p>

猜你在找的JavaScript相关文章