javascript动态创建链接的方法

2019-11-20 12:29:39

字体：大中小

来源：转载

供稿：网友

本文实例讲述了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程序设计有所帮助。

上一篇：javascript动态创建表格及添加数据实例详解

下一篇：javascript中innerText和innerHTML属性用法实例分析