信鸽网

javascript动态创建链接的方法

  作者：bea

本文实例讲述了javascript动态创建链接的方法。分享给大家供大家参考。具体分析如下： 动态创建链接示例： <html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>动态添加链接</title> <script

本文实例讲述了javascript动态创建链接的方法。分享给大家供大家参考。具体分析如下：


动态创建链接示例：




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


希望本文所述对大家的javascript程序设计有所帮助。




有用  |  无用

猜你喜欢

您可能感兴趣的文章: