编程 Javascript

javascript动态创建链接的方法

Posted in Javascript onMay 13, 2015

本文实例讲述了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动态创建链接的方法

- Author -

永远爱好写程序

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript document.images实例

May 27 Javascript

JQuery选择器特辑详细小结

May 14 Javascript

让复选框只能选择一项的方法

Oct 08 Javascript

jQuery Form 页面表单提交的小例子

Nov 15 Javascript

js判断手机访问或者PC的几个例子(常用于手机跳转)

Dec 15 Javascript

基于MVC4+EasyUI的Web开发框架形成之旅之界面控件的使用

Dec 16 Javascript

基于jQuery的checkbox全选问题分析

Nov 18 Javascript

jquery利用json实现页面之间传值的实例解析

Dec 12 Javascript

详解Javascript百度地图接口开发文档中的类和方法

Feb 07 Javascript

vue2.0项目实现路由跳转的方法详解

Jun 21 Javascript

php结合js实现多条件组合查询

May 28 Javascript

从0搭建vue-cli4脚手架

Jun 17 Javascript

javascript中innerText和innerHTML属性用法实例分析

May 13 #Javascript

javascript元素动态创建实现方法

May 13 #Javascript

javascript实现模拟时钟的方法

May 13 #Javascript

javascript实现点击后变换按钮显示文字的方法

May 13 #Javascript

javascript实现十秒钟后注册按钮可点击的方法

May 13 #Javascript

javascript中clipboardData对象用法详解

May 13 #Javascript

javascript实现在网页任意处点左键弹出隐藏菜单的方法

May 13 #Javascript