js重新渲染或重新加载div

话不多说，上代码：

<body>

<div id="con1">
<div id="d1">
这是d1
</div>
</div>
<button id="b1" type="button">重新加载d1</button>

</body>

var con1 = document.getElementById("con1");
var d1 = document.getElementById("d1");
con1.removeChild(d1);

d1.textContent = "这是重新渲染的d1"; //在这步可根据需要设置该div的属性再添加渲染
           con1.appendChild(d1);
       });

   });

</script>

js重新渲染或重新加载div相关推荐

关闭浏览器网页触发事件_浅析浏览器渲染和 script 加载
前言前端代码离不开浏览器环境,理解 js.css 代码如何在浏览器中工作是非常重要的. 如何优化渲染过程中的回流,重绘?script 脚本在页面中是怎么个加载顺序?了解这些对前端性能优化起着非常大的 ...
three.js的demo例子-STL加载对象组件
three.js的demo例子-STL加载对象组件提示:demo示例中所涉及到的three.js安装插件方法这里就不单个说明了哈,有需要的网上有很多教程文章目录 three.js的demo例子-S ...
html文件显示不了box,Workbox.js registerNavigationRoute找不到/加载html文件
我几乎完全设置为具有应用程序shell体系结构的pwa,使用像前端(但使用mithril作为渲染引擎)的反应,并使用express node.js后端和ssr,但努力在最后一个问题上过去.Workbo ...
JS 判断滚动底部并加载更多效果。。。。。。。。。
JS 判断滚动底部并加载更多效果......... <html lang="zh-cn"> <head> <meta http-equiv=" ...
js延迟（异步）加载的6种方式为什么要延迟加载js呢？
对于js的优化(关于js的延迟加载)的好处是有助于提高页面加载速度,js延迟加载就是等页面加载完成之后在加载js文件. 之所以要优化是因为HTML元素是按其在页面中出现的次序调用的,如果用jav ...
SSM 实训笔记 -10- 使用 sessionStorage 存储数据、js 图片验证码、登录加载动画
SSM 实训笔记 -10- 使用 sessionStorage 存储数据.js 图片验证码.登录加载动画本篇内容: (1)在登录成功时,使用 sessionStorage 存储用户的用户名,并在登录 ...
如何使用echo.js实现图片的懒加载（整理）
如何使用echo.js实现图片的懒加载(整理) 一.总结一句话总结:a.在img标签中添加data-echo属性加载真实图片:<img class="loading" sr ...
Windows下使用apache模块实现合并多个js、css提高网页加载速度
这篇文章主要介绍了Windows下使用apache模块实现合并多个js.css提高网页加载速度,本文使用的模块是基于mod_concat自己修改的,需要的朋友可以参考下现在的网站表现力越来越丰富,页 ...
ASP.NET 打包多CSS或JS文件以加快页面加载速度的Handler
ASP.NET 打包多CSS或JS文件以加快页面加载速度的Handler, 使用<link type="text/css" rel="Stylesheet" ...

js重新渲染或重新加载div

js重新渲染或重新加载div相关推荐

最新文章

热门文章