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 CSS修改学习第六章 拖拽
Feb 19 Javascript
node.js中的url.parse方法使用说明
Dec 10 Javascript
node.js中的fs.lchown方法使用说明
Dec 16 Javascript
JS与jQuery遍历Table所有单元格内容的方法
Dec 07 Javascript
js css实现垂直方向自适应的三角提示菜单
Jun 26 Javascript
jquery网页加载进度条的实现
Jun 01 jQuery
推荐VSCode 上特别好用的 Vue 插件之vetur
Sep 14 Javascript
jquery学习笔记之无new构建详解
Dec 07 jQuery
Next.js项目实战踩坑指南(笔记)
Nov 29 Javascript
微信小程序拍照和摄像功能实现方法示例
Feb 01 Javascript
详解vue开发中调用微信jssdk的问题
Apr 16 Javascript
Vue和React有哪些区别
Sep 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
域名和cookie问题(域名后缀)
2012/10/10 PHP
分享微信扫码支付开发遇到问题及解决方案-附Ecshop微信支付插件
2015/08/23 PHP
大家须知简单的php性能优化注意点
2016/01/04 PHP
PHP使用CURL实现下载文件功能示例
2019/06/03 PHP
PHP终止脚本运行三种实现方法详解
2020/09/01 PHP
ThinkPHP5.1的权限控制怎么写?分享一个AUTH权限控制
2021/03/09 PHP
jQuery探测位置的提示弹窗(toolTip box)详细解析
2013/11/14 Javascript
js数值和和字符串进行转换时可以对不同进制进行操作
2014/03/05 Javascript
js中字符串编码函数escape()、encodeURI()、encodeURIComponent()区别详解
2016/04/01 Javascript
详细谈谈javascript的对象
2016/07/31 Javascript
基于react组件之间的参数传递(详解)
2017/09/05 Javascript
在vue-cli中组件通信的方法
2017/12/16 Javascript
原生JS写Ajax的请求函数功能
2017/12/22 Javascript
jQuery 实现倒计时天,时,分,秒功能
2018/07/31 jQuery
ES6 更易于继承的类语法的使用
2019/02/11 Javascript
jQuery中each和js中forEach的区别分析
2019/02/27 jQuery
layui--js控制switch的切换方法
2019/09/03 Javascript
[01:19]2014DOTA2国际邀请赛 采访TITAN战队ohaiyo 能赢DK很幸运
2014/07/12 DOTA
[46:14]VGJ.T vs Liquid 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
在Python中操作字典之clear()方法的使用
2015/05/21 Python
Python实现一个服务器监听多个客户端请求
2018/04/12 Python
通过python爬虫赚钱的方法
2019/01/29 Python
解决python gdal投影坐标系转换的问题
2020/01/17 Python
常用python爬虫库介绍与简要说明
2020/01/25 Python
使用Python提取文本中含有特定字符串的方法示例
2020/12/09 Python
HTML5之HTML元素扩展(下)—增强的Form表单元素值得关注
2013/01/31 HTML / CSS
J2EE系统只能是基于web
2015/09/08 面试题
面包店的创业计划书范文
2014/01/16 职场文书
加工操作管理制度
2014/01/19 职场文书
生物科学专业职业规划书范文
2014/02/11 职场文书
退休教师欢送会主持词
2014/03/31 职场文书
2014年十一国庆向国旗敬礼寄语
2014/04/11 职场文书
药店营业员岗位职责
2015/04/14 职场文书
2015年商场工作总结
2015/04/27 职场文书
浪漫的婚礼主持词
2015/06/30 职场文书
2015中学教师个人工作总结
2015/07/22 职场文书