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

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

WBOY
WBOYoriginal
2016-05-16 15:59:221174parcourir

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