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 相关文章推荐
JavaScript XML操作 封装类
Jul 01 Javascript
js 关键词高亮(根据ID/tag高亮关键字)案例介绍
Jan 21 Javascript
ExtJs中gridpanel分组后组名排序实例代码
Dec 02 Javascript
textarea焦点的用法实现获取焦点清空失去焦点提示效果
May 19 Javascript
详解Javacript和AngularJS中的Promises
Feb 09 Javascript
微信小程序购物商城系统开发系列-工具篇的介绍
Nov 21 Javascript
从零开始学习Node.js系列教程之SQLite3和MongoDB用法分析
Apr 13 Javascript
对于Javascript 执行上下文的全面了解
Sep 05 Javascript
layui表单验证select下拉框实现验证的方法
Sep 05 Javascript
在Angular中实现一个级联效果的下拉框的示例代码
May 20 Javascript
jquery实现上传图片功能
Jun 29 jQuery
原生js+canvas实现验证码
Nov 29 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
You might like
PHP array_multisort()函数的使用札记
2011/07/03 PHP
php + nginx项目中的权限详解
2017/05/23 PHP
php语法检查的方法总结
2019/01/21 PHP
PHP接入微信H5支付的方法示例
2019/10/28 PHP
js跨域和ajax 跨域问题的实现思路
2009/09/05 Javascript
动态加载外部javascript文件的函数代码分享
2011/07/28 Javascript
同一页面多个商品倒计时JS 基于面向对象的javascript
2012/02/16 Javascript
30个让人兴奋的视差滚动(Parallax Scrolling)效果网站
2012/03/04 Javascript
IE6-IE9中tbody的innerHTML不能赋值的解决方法
2014/06/05 Javascript
原生js编写设为首页兼容ie、火狐和谷歌
2014/06/05 Javascript
Javascript函数的参数
2015/07/16 Javascript
自学实现angularjs依赖注入
2016/12/20 Javascript
jQuery使用ajax_动力节点Java学院整理
2017/07/05 jQuery
vue mint-ui学习笔记之picker的使用
2017/10/11 Javascript
微信小程序实现image组件图片自适应宽度比例显示的方法
2018/01/16 Javascript
WebSocket的通信过程与实现方法详解
2018/04/29 Javascript
解决layui的input独占一行的问题
2019/09/10 Javascript
15分钟学会vue项目改造成SSR(小白教程)
2019/12/17 Javascript
[01:41]DOTA2超级联赛专访YYF 称一辈子难忘TI2
2013/05/28 DOTA
Python如何实现转换URL详解
2019/07/02 Python
python Opencv计算图像相似度过程解析
2019/12/03 Python
Python ORM框架Peewee用法详解
2020/04/29 Python
Python实现中英文全文搜索的示例
2020/12/04 Python
德国大型和小型家用电器网上商店:Energeto
2019/05/15 全球购物
软件测试工程师笔试题带答案
2015/03/27 面试题
酒店人事专员岗位职责
2013/12/19 职场文书
服务员岗位责任制
2014/02/11 职场文书
表彰大会策划方案
2014/05/13 职场文书
2014大四本科生自我鉴定总结
2014/10/04 职场文书
学校国庆节活动总结
2015/03/23 职场文书
统招统分证明
2015/06/23 职场文书
《圆明园的毁灭》教学反思
2016/02/16 职场文书
创业计划书之蛋糕店
2019/08/29 职场文书
导游词之澳门妈祖庙
2019/12/19 职场文书
《正面管教》读后有感:和善而坚定的旅程
2019/12/19 职场文书
MySQL入门命令之函数-单行函数-流程控制函数
2021/04/05 MySQL