/p>

"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

Testing

example.js 文件内容:

window.onload = function() {

var testdiv = document.getElementById("testdiv");

testdiv.innerHTML="

I inserted this content.

";

}

另一段代码:

window.onload = function() {

var para = document.createElement("p");

var txt1 = document.createTextNode("I inserted ");

var emphasis = document.createElement("em");

var txt2 = document.createTextNode("this");

var txt3 = document.createTextNode(" content.");

para.appendChild(txt1);

emphasis.appendChild(txt2);

para.appendChild(emphasis);

para.appendChild(txt3);

var testdiv = document.getElementById("testdiv");

testdiv.appendChild(para);

}

这与在DIV内动态载入另一个页面非常相似!

以上这篇JS把内容动态插入到DIV的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

js在div中追加html,JS把内容动态插入到DIV的实现方法相关推荐

  1. 如何使用node.js后端框架中的egg.js框架

    安装egg 我们推荐直接使用脚手架,只需几条简单指令,即可快速生成项目(npm >=6.1.0): mkdir egg-example && cd egg-example npm ...

  2. 怎么在html中加入js,在HTML中怎么引用js?

    一.JavaScript脚本语言的特性 JavaScript脚本语言是一种面向浏览器的网页脚本编程语言.脚本语言有以下几个特性: 1.在客户端执行.完全在用户的计算机上运行,无须经过服务器. 2.面向 ...

  3. js往select下追加html,js给select下拉框赋值

    JS如何动态给select的option赋值? New Document function change (){ var sel = document.getElementById('sel'); s ...

  4. js替换html中的字符串,js怎么替换字符串?

    在js中,可以使用str.replace()方法来替换字符串.replace()方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串:然后返回一个新的字符串. replace( ...

  5. js在html中拆分字符串,js中的split方法 js用split()取字符串

    本来想通过静态HTML传递参数,动态读取url0和url字段,试了一下没成功.定义和用法 split() 方法用于把一个字符串分割成字符串数组. 语法 stringObject.split(separ ...

  6. jQuery 向div中追加内容

    $(function(){$("#divId").append("<div>这个是追加的div</div>");//或者 $(" ...

  7. div 中的控件底部对齐_如何将div的内容与底部对齐?

    如何将div的内容与底部对齐? 假设我有以下CSS和HTML代码: #header { height: 150px; } Header title Header content (one or mul ...

  8. Jquery中把一段html代码动态写入到DIV中(简单实例)

    nav1 = "<div style='width:145px;height:62px;float:left;background:url(login_image/index/on_1 ...

  9. html中iframe根据子页面内容动态修改高度

    JavaScript var browserVersion =window.navigator.userAgent.toUpperCase();var isOpera = browserVersion ...

最新文章

  1. linux路由内核实现分析 四,linux路由内核实现分析(二)---FIB相关数据结构(4)
  2. 《TCP/IP详解》学习笔记(一):基本概念
  3. 反向传播和梯度下降的区分
  4. 网络架构设计:CNN based和Transformer based
  5. 迭代法 matlab程序,简单迭代法求方程根的MATLAB程序
  6. elsevier中elsarticle模板如何使用apa引用格式
  7. Genymotion启动报错:VT-x/AMD-V硬件加速在您的系统中不可用
  8. ubuntu终端打开文件夹_如何在Ubuntu的文件浏览器中将终端打开到特定文件夹
  9. freenom域名申请教程
  10. Java 45:Spring
  11. 苹果截屏快捷键_MacOS截屏的那些事儿
  12. 【贪心算法】-背包问题
  13. 网易云音乐实时计算平台设计及实践
  14. QT ACTIVEX最新操作WORD文档的一些心得
  15. 【超详细】全国大学生软件测试大赛:移动应用测试参赛指南
  16. 宾得rtk手簿说明书_那曲宾得RTK操作说明
  17. C# Redis使用及帮助类
  18. arduino液位传感器_Arduino 水位检测器/传感器
  19. 单片机 stm32 差分升级 增量升级算法源码, 纯c编写跨平因为是程序源码
  20. java小球左右_java小球碰撞窗体边缘来回反弹的代码

热门文章

  1. c++求n次方_课时9一元二次方程及其应用
  2. 与40mhz信道不兼容设置_物理信道发射功率
  3. php 树状数组公式,PY个树状数组
  4. docker如何部署python项目_Docker如何部署Python项目的实现详解
  5. C语言的叙述大小写字母e1相同,第1、2章C语言基础练习题
  6. pythonasyncio并发编程实战_python异步编程之asyncio(百万并发)
  7. [数据库]---nosql,非关系型数据库整理
  8. python去掉人像白边_python 使用plt画图,去除图片四周的白边方法
  9. linux 防火墙 ftp,RedHat6 建立基于防火墙和SELinux的虚拟用户vsFTP
  10. opencv java ubuntu_Ubuntu 16.04配置OpenCV 3.1.0 for Java