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 相关文章推荐
表单提交验证类
Jul 14 Javascript
Display SQL Server Login Mode
Jun 21 Javascript
Javascript alert消息换行的方法
Aug 07 Javascript
js获取某元素的class里面的css属性值代码
Jan 16 Javascript
简单的jQuery入门指引
Jul 28 Javascript
angular基于路由控制ui-router实现系统权限控制
Sep 27 Javascript
jquery延迟对象解析
Oct 26 Javascript
用React-Native+Mobx做一个迷你水果商城APP(附源码)
Dec 25 Javascript
nuxt中使用路由守卫的方法步骤
Jan 27 Javascript
JS实现选项卡效果的代码实例
May 20 Javascript
layui监听单元格编辑前后交互的例子
Sep 16 Javascript
解决vue admin element noCache设置无效的问题
Nov 12 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
实用函数4
2007/11/08 PHP
php Static关键字实用方法
2010/06/04 PHP
PHP实现HTML生成PDF文件的方法
2014/11/07 PHP
十大使用PHP框架的理由
2015/09/26 PHP
PHP设计模式之装饰器模式实例详解
2018/02/07 PHP
laravel5.6 框架操作数据 Eloquent ORM用法示例
2020/01/26 PHP
JS中处理与当前时间间隔的函数代码
2012/05/23 Javascript
动态添加option及createElement使用示例
2014/01/26 Javascript
jQuery+ajax实现修改密码验证功能实例详解
2017/07/06 jQuery
hammer.js实现图片手势放大效果
2017/08/29 Javascript
微信小程序实现的涂鸦功能示例【附源码下载】
2018/01/12 Javascript
vue 路由嵌套高亮问题的解决方法
2018/05/17 Javascript
Vue中的情侣属性$dispatch和$broadcast详解
2019/03/07 Javascript
微信小程序学习笔记之获取位置信息操作图文详解
2019/03/29 Javascript
小程序websocket心跳库(websocket-heartbeat-miniprogram)
2020/02/23 Javascript
JS实现前端动态分页码代码实例
2020/06/02 Javascript
Vue使用预渲染代替SSR的方法
2020/07/02 Javascript
Vue element-ui父组件控制子组件的表单校验操作
2020/07/17 Javascript
vue 封装面包屑组件教程
2020/11/16 Javascript
[55:45]DOTA2上海特级锦标赛D组败者赛 Liquid VS COL第一局
2016/02/28 DOTA
[54:54]Newbee vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
Python实现合并同一个文件夹下所有txt文件的方法示例
2018/04/26 Python
Linux系统(CentOS)下python2.7.10安装
2018/09/26 Python
Python之lambda匿名函数及map和filter的用法
2019/03/05 Python
python 通过可变参数计算n个数的乘积方法
2019/06/13 Python
Python 导入文件过程图解
2019/10/15 Python
5分钟弄清楚html5的drag and drop(小结)
2019/04/10 HTML / CSS
美国最大的在线水培用品商店:GrowersHouse.com
2018/08/14 全球购物
英国在线汽车和面包车零件商店:Car Parts 4 Less
2018/08/15 全球购物
广州御银科技股份有限公司试卷(C++)
2016/11/04 面试题
文秘专业大学生求职信
2013/11/10 职场文书
售后服务科岗位职责范文
2013/11/13 职场文书
主管会计岗位职责
2014/03/13 职场文书
专家推荐信模板
2014/05/09 职场文书
2014年教师业务学习材料
2014/05/12 职场文书
生产车间管理制度
2015/08/04 职场文书