Maison > Article > interface Web > Comment créer dynamiquement des liens dans les compétences javascript_javascript

Comment créer dynamiquement des liens dans les compétences javascript_javascript

WBOYoriginal: 2016-05-16 15:59:221122parcourir

L'exemple de cet article décrit la méthode de création dynamique de liens en javascript. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

Exemple de création dynamique de liens :

<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>

J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Comment obtenir l'effet d'images animées avec la souris en utilisant les compétences javascript_javascriptArticle suivant：Comment obtenir l'effet d'images animées avec la souris en utilisant les compétences javascript_javascript

Articles Liés

Voir plus