Community Learn Tools Library Leisure

English

Home > Web Front-end > JS Tutorial > How to dynamically create links in javascript_javascript skills

How to dynamically create links in javascript_javascript skills

WBOY

Release： 2016-05-16 15:59:22

Original

1147 people have browsed it

The example in this article describes the method of dynamically creating links in javascript. Share it with everyone for your reference. The specific analysis is as follows:

Example of dynamically creating links:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>动态添加链接</title>
 <script type="text/javascript">
 function AppendLink() {
  var div = document.getElementById("divMain");
  var linkTmp = document.createElement("a");
  linkTmp.href = "http://www.baidu.com";
  linkTmp.innerText = "百度"; 
  //链接要使用innertText,不能使用value
  div.appendChild(linkTmp);
 }
 </script>
</head>
<body>
 <div id="divMain"></div>
 <input type="button" value="添加链接" onclick="AppendLink()" />
</body>
</html>

Copy after login

I hope this article will be helpful to everyone’s JavaScript programming design.

Related labels：

javascript dynamic

source：php.cn

Previous article：How to achieve the effect of moving pictures with the mouse using javascript_javascript skills Next article：JavaScript method to achieve layer expansion effect after mouse click_javascript skills

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn