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中使用replaceAll()函数实现字符替换的方法
Dec 25 Javascript
使用 Node.js 做 Function Test实现方法
Oct 25 Javascript
js保留小数点后几位的写法
Jan 03 Javascript
ES6正则的扩展实例详解
Apr 25 Javascript
JS运动特效之完美运动框架实例分析
Jan 24 Javascript
Vue进度条progressbar组件功能
Apr 17 Javascript
vue-router判断页面未登录自动跳转到登录页的方法示例
Nov 04 Javascript
javascript实现的时间格式加8小时功能示例
Jun 13 Javascript
vue配置文件实现代理v2版本的方法
Jun 21 Javascript
浅析Angular 实现一个repeat指令的方法
Jul 21 Javascript
解决LayUI加上form.render()下拉框和单选以及复选框不出来的问题
Sep 27 Javascript
JavaScript中的宏任务和微任务详情
Nov 27 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
第八节--访问方式
2006/11/16 PHP
Php获取金书网的书名的实现代码
2010/06/11 PHP
PHP输出XML到页面的3种方法详解
2013/06/06 PHP
php简单实现查询数据库返回json数据
2015/04/16 PHP
php实现简单的守护进程创建、开启与关闭操作
2019/08/13 PHP
js的一些常用方法小结
2011/06/29 Javascript
异步javascript的原理和实现技巧介绍
2012/11/08 Javascript
js中eval()函数和trim()去掉字符串左右空格应用
2013/02/02 Javascript
微信企业号开发之微信考勤百度地图定位
2015/09/11 Javascript
详解Javascript获取缓存和清除缓存API
2017/05/25 Javascript
Node.js使用gm拼装sprite图片
2017/07/04 Javascript
js封装成插件_Canvas统计图插件编写实例
2017/09/12 Javascript
Swiper自定义分页器使用详解
2017/12/28 Javascript
Angular2.0实现modal对话框的方法示例
2018/02/18 Javascript
javascript获取select值的方法完整实例
2019/06/20 Javascript
微信公众号H5之微信分享常见错误和问题(小结)
2019/11/14 Javascript
JS脚本实现定时到网站上签到/签退功能
2020/04/22 Javascript
vue element实现表格合并行数据
2020/11/30 Vue.js
Python运用于数据分析的简单教程
2015/03/27 Python
python 平衡二叉树实现代码示例
2018/07/07 Python
把pandas转换int型为str型的方法
2019/01/29 Python
Python 列表去重去除空字符的例子
2019/07/20 Python
windows下python安装pip方法详解
2020/02/10 Python
python 字符串格式化的示例
2020/09/21 Python
纯css3显示隐藏一个div特效的具体实现
2014/02/10 HTML / CSS
床上用品全球在线购物:BeddingInn
2016/12/18 全球购物
印度服装购物网站:Limeroad
2018/09/26 全球购物
Wiggle美国:英国骑行、跑步、游泳、铁人三项商店
2018/10/27 全球购物
Capitol Lighting的1800lighting.com:住宅和商业照明
2019/04/10 全球购物
迎接领导欢迎词
2014/01/11 职场文书
《圆明园的毁灭》教学反思
2014/02/28 职场文书
机关党员2014全国两会学习心得体会
2014/03/10 职场文书
家长会欢迎标语
2014/06/24 职场文书
办理房产过户的委托书
2014/09/14 职场文书
2016年三严三实党课学习心得体会
2016/01/06 职场文书
K8s部署发布Golang应用程序的实现方法
2021/07/16 Golang