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 相关文章推荐
jquery模拟按下回车实现代码
Sep 20 Javascript
面向对象的Javascript之一(初识Javascript)
Jan 20 Javascript
jquery入门—访问DOM对象方法
Jan 07 Javascript
jQuery fadeOut 异步实例代码详解
Aug 18 Javascript
利用JS判断字符串是否含有数字与特殊字符的方法小结
Nov 25 Javascript
Vue 仿百度搜索功能实现代码
Feb 16 Javascript
Angular实现图片裁剪工具ngImgCrop实践
Aug 17 Javascript
详解webpack require.ensure与require AMD的区别
Dec 13 Javascript
详解Vue中watch的详细用法
Nov 28 Javascript
layui 富文本赋值,取值,取纯文本值的实例
Sep 18 Javascript
Node.js API详解之 vm模块用法实例分析
May 27 Javascript
ant design vue导航菜单与路由配置操作
Oct 28 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抽象类 介绍
2012/06/13 PHP
PHP四种基本排序算法示例
2015/04/09 PHP
PHP的RSA加密解密方法以及开发接口使用
2018/02/11 PHP
PHP7导出Excel报ERR_EMPTY_RESPONSE解决方法
2019/04/16 PHP
JavaScript格式化数字的函数代码
2010/11/30 Javascript
神奇的7个jQuery 3D插件整理
2011/01/06 Javascript
快速解决FusionCharts联动的中文乱码问题
2013/12/04 Javascript
js获取IP地址的方法小结
2014/07/01 Javascript
Nodejs实现多人同时在线移动鼠标的小游戏分享
2014/12/06 NodeJs
JavaScript实现自动对页面上敏感词进行屏蔽的方法
2015/07/27 Javascript
jquery 表单验证之通过 class验证表单不为空
2015/11/02 Javascript
javascript每日必学之基础入门
2016/02/16 Javascript
jQuery+CSS3实现四种应用广泛的导航条制作实例详解
2016/09/17 Javascript
jQuery之动画效果大全
2016/11/09 Javascript
如何写好你的JavaScript【推荐】
2017/03/02 Javascript
JS实现列表页面隔行变色效果
2017/03/25 Javascript
vue.js todolist实现代码
2017/10/29 Javascript
微信小程序实现收藏与取消收藏切换图片功能
2018/08/03 Javascript
python实现发送邮件及附件功能
2021/03/02 Python
python爱心表白 每天都是浪漫七夕!
2018/08/18 Python
python使用thrift教程的方法示例
2019/03/21 Python
用Python写一个自动木马程序
2019/09/17 Python
Python HTMLTestRunner可视化报告实现过程解析
2020/04/10 Python
Python虚拟环境的创建和包下载过程分析
2020/06/19 Python
Python requests上传文件实现步骤
2020/09/15 Python
pycharm如何设置官方中文(如何汉化)
2020/12/29 Python
人事档案接收函
2014/01/12 职场文书
教师遵守党的政治纪律情况对照检查材料
2014/09/26 职场文书
公司委托书格式范文
2014/10/09 职场文书
商业门面租房协议书
2014/11/25 职场文书
孝老爱亲事迹材料
2014/12/24 职场文书
庐山导游词
2015/02/03 职场文书
小学一年级数学教学反思
2016/02/16 职场文书
python爬虫之爬取笔趣阁小说
2021/04/22 Python
Python爬虫之用Xpath获取关键标签实现自动评论盖楼抽奖(二)
2021/06/07 Python
JavaScript选择器函数querySelector和querySelectorAll
2021/11/27 Javascript