用JavaScript往DIV动态添加内容
参考: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动态添加内容相关推荐
- QListWidget动态添加内容,交换两行内容
文章目录 写在前面 实现界面和第一种添加方式 两种内容动态添加方式 交换两行内容 写在最后及程序下载 写在前面 我们使用QListWidget是想实现单列的列表形式,无论是简单的文本列表形式或是复杂的 ...
- jquery动态加html元素,javascript – 使用jquery动态添加多个html元素
我想在按钮点击时动态添加多个html元素并获取每个元素的值.也可以在按钮点击时删除创建的元素. HTML元素将是文本框和电话号码的其他文本框. HTML: JS: $(function () { $( ...
- 动态添加内容到百度搜索框里
先看一下效果吧: (图一) (图二) (图三) 演示: 在图一搜索框内输入"文字内容",单击搜索按钮,即可将内容直接添加到百度浏览器的输入框里面. 原理: HTML代码 <l ...
- html strong标签 无法渲染,javascript – 当我动态设置内容时,TinyMCE无法使用chrome
我有一个网站: 我有一个javascript函数,然后使用textarea的setContent javascript方法将数据从我的数据库插入到文本编辑器中.它似乎在Firefox和IE中很好,但在 ...
- 动态添加 ajax,ajax动态的添加内容【原创】
以前只是见过很多动态添加内容的效果,这次还是自己第一次在项目里接触到呢,就简单记录下来了,希望对大家有帮助. 这里的效果是选中一个选择框,对应的内容区就会相应的出现对应的详细内容,取消选择框,对应的内 ...
- 实时监听div,input内容改变并获取值(包括脚本动态添加)
在DOM中可以通过DOMNodeInserted和DOMNodeRemoved这两个事件来监视DOM元素的插入和移除. <!doctype html> <html lang=&quo ...
- javascript动态添加form表单元素
2019独角兽企业重金招聘Python工程师标准>>> 2014年11月7日 17:10:40 之前写过几篇类似的文章,现在看来比较初级,弄一个高级的简单的 情景: 后台要上传游戏截 ...
- JavaScript 高级篇之DOM文档,简单封装及调用、动态添加、删除样式(推荐七)
前言 学习是有趣的,但有过滤的学习内容就更好,本博主就专门为刚接触javascript客户端编程的朋友提供及分享个人学习经历!建议大家看看:(汤姆大叔的博客) http://www.cnblogs.c ...
- 【javascript 动态添加数据到 HTML 页面】
今天简单的学习了一下有关对象字面量的定义和 javascript 如何取出对象字面量的值的知识,javascript 动态添加数据到 HTML 页面的问题. [学习目标]有如下的一组数据通过 Ajax ...
最新文章
- 蜜糖变砒霜:90%美国公司区块链项目将不再重启
- Bind和Eval的区别详解
- 自己封装线程(Demo)
- canvas绘制正文形并填充-2
- XmlHttpRequest 对象详解
- Linux: xclip,pbcopy,xsel用法 terminal 复制粘帖 (mac , ubuntu)
- extjs fieldset 和 radio
- java中--《_Java中的IO流(五)
- Go基础-go语言的编码规范
- 使用QT简单写一个串口助手
- 成都哪所专科院校有计算机专业,成都哪些高职院校有计算机应用技术
- html js点击下拉菜单代码,JavaScript下拉菜单功能实例代码
- win10系统打开更新服务器失败,Win10系统中Windows Update服务的启动方法
- VTN系列多通道采集仪硬件接口
- matlab试算求解二元二次方程,matlab 求一个二元二次方程组的解
- 安利3个高清电脑壁纸网站
- 微博+java平台_【基于JavaEE的微博平台设计最终版材料】
- revit怎么上色?教你revit综合工具快速【元素上色】
- 谷歌浏览器安装Selenium IDE插件
- MineCraft | 命令附魔