参考:http://zhidao.baidu.com/link?url=6jSchyqPiEYCBoKdOmv52YHz9r7MTBms2pK1N6ptOX1kaR2eg320mlW1Sr6n36hpOeOadBxC2rWWGuhZPbms-K

<div id="show"></div>要填充的数据为: 这是一个测试例子.jquery:$(function(){    var data = '这是一个测试例子';    $('div:#show').html(data);});

js:var data = '这是一个测试例子';document.getElementById('show').innerHTML = data;

我做的案例:脚本:

<script type="text/javascript">
function show(string)
{
    var content=document.getElementById("content");
    content.innerHTML=string;
}
</script>

content是div的ID号。

前台:

<input id="Button2" type="button" value="button" οnclick="return show('hello world!')" />

 1 <html>
 2     <head>
 3         <title>test page</title>
 4         <script type="text/javascript">
 5             function show(string)
 6             {
 7                 //var data = '这是一个测试例子';
 8                 document.getElementById('show').innerHTML = string;
 9             }
10         </script>
11     </head>
12     <body>
13         <a href="javascript:void(0)" onclick="show('hello world!')">打开</a>
14         <div id="show"></div>
15     </body>
16 </html>

View Code

转载于:https://www.cnblogs.com/huashanqingzhu/p/3689385.html

用JavaScript往DIV动态添加内容相关推荐

  1. QListWidget动态添加内容,交换两行内容

    文章目录 写在前面 实现界面和第一种添加方式 两种内容动态添加方式 交换两行内容 写在最后及程序下载 写在前面 我们使用QListWidget是想实现单列的列表形式,无论是简单的文本列表形式或是复杂的 ...

  2. jquery动态加html元素,javascript – 使用jquery动态添加多个html元素

    我想在按钮点击时动态添加多个html元素并获取每个元素的值.也可以在按钮点击时删除创建的元素. HTML元素将是文本框和电话号码的其他文本框. HTML: JS: $(function () { $( ...

  3. 动态添加内容到百度搜索框里

    先看一下效果吧: (图一) (图二) (图三) 演示: 在图一搜索框内输入"文字内容",单击搜索按钮,即可将内容直接添加到百度浏览器的输入框里面. 原理: HTML代码 <l ...

  4. html strong标签 无法渲染,javascript – 当我动态设置内容时,TinyMCE无法使用chrome

    我有一个网站: 我有一个javascript函数,然后使用textarea的setContent javascript方法将数据从我的数据库插入到文本编辑器中.它似乎在Firefox和IE中很好,但在 ...

  5. 动态添加 ajax,ajax动态的添加内容【原创】

    以前只是见过很多动态添加内容的效果,这次还是自己第一次在项目里接触到呢,就简单记录下来了,希望对大家有帮助. 这里的效果是选中一个选择框,对应的内容区就会相应的出现对应的详细内容,取消选择框,对应的内 ...

  6. 实时监听div,input内容改变并获取值(包括脚本动态添加)

    在DOM中可以通过DOMNodeInserted和DOMNodeRemoved这两个事件来监视DOM元素的插入和移除. <!doctype html> <html lang=&quo ...

  7. javascript动态添加form表单元素

    2019独角兽企业重金招聘Python工程师标准>>> 2014年11月7日 17:10:40 之前写过几篇类似的文章,现在看来比较初级,弄一个高级的简单的 情景: 后台要上传游戏截 ...

  8. JavaScript 高级篇之DOM文档,简单封装及调用、动态添加、删除样式(推荐七)

    前言 学习是有趣的,但有过滤的学习内容就更好,本博主就专门为刚接触javascript客户端编程的朋友提供及分享个人学习经历!建议大家看看:(汤姆大叔的博客) http://www.cnblogs.c ...

  9. 【javascript 动态添加数据到 HTML 页面】

    今天简单的学习了一下有关对象字面量的定义和 javascript 如何取出对象字面量的值的知识,javascript 动态添加数据到 HTML 页面的问题. [学习目标]有如下的一组数据通过 Ajax ...

最新文章

  1. 蜜糖变砒霜:90%美国公司区块链项目将不再重启
  2. Bind和Eval的区别详解
  3. 自己封装线程(Demo)
  4. canvas绘制正文形并填充-2
  5. XmlHttpRequest 对象详解
  6. Linux: xclip,pbcopy,xsel用法 terminal 复制粘帖 (mac , ubuntu)
  7. extjs fieldset 和 radio
  8. java中--《_Java中的IO流(五)
  9. Go基础-go语言的编码规范
  10. 使用QT简单写一个串口助手
  11. 成都哪所专科院校有计算机专业,成都哪些高职院校有计算机应用技术
  12. html js点击下拉菜单代码,JavaScript下拉菜单功能实例代码
  13. win10系统打开更新服务器失败,Win10系统中Windows Update服务的启动方法
  14. VTN系列多通道采集仪硬件接口
  15. matlab试算求解二元二次方程,matlab 求一个二元二次方程组的解
  16. 安利3个高清电脑壁纸网站
  17. 微博+java平台_【基于JavaEE的微博平台设计最终版材料】
  18. revit怎么上色?教你revit综合工具快速【元素上色】
  19. 谷歌浏览器安装Selenium IDE插件
  20. MineCraft | 命令附魔

热门文章

  1. [转]hadoop新手错误解决方法
  2. 一步一步学Silverlight 2系列(25):综合实例之Live Search
  3. USACO3.15stamps(dp)
  4. 利用数据库创建webservice
  5. java多线程 cpu分配_java多线程总结(转载)
  6. 破解栅栏密码python脚本
  7. Oracle常用命令大全(经典收藏)
  8. matlab_ga(),matlab遗传算法ga函数
  9. 绝地服务器维护7月5日,绝地求生正式服7月5日停机更新维护内容公告
  10. java常用代码,Java常用代码