动态增加html代码脚本执行不了（html动态添加div）

本篇目录：

动态添加的html代码，如果在还没有真正渲染生成dom之前，js是无法获取到它们的，也就是节点根本不存在，所以原本的js就无法生效。对于动态生成的html，应该在生成完成之后再执行一次需要对这些html操作的js代码。

所谓动态写入方法就是源文件代码中原来没有内容或者需要重新改变此处的要显示的文字或内容，需要用JavaScript代码来实现。动态写入是一种很常见常用的方法。

使用javascript 模板引擎用javascript预编译模版，就是动态修改模板文件使之成为一个可用的静态HTML文件。我平时会使用artTemplate，性能很好而且易上手。

新建一网页文件“sample.html，用记事本或其它文本编辑软件（如UltraEdit）打开，输入如图所示的HTML代码。该网页文件包括一个蓝色的字符串，一个按钮和一个文本框。JS代码可插入到”head标签之间。

浏览器显示的是它从服务器端加载到的HTML，所以JS动态生成的HTML它是不会显示的。要想看到自己生成的HTML，只能是自己写代码把它显示在一个DIV或者其他的什么元素里。

ceshi()；没有地方执行它。textarea rows=6 cols=21 id=codefunction ceshi(){ alert(ok)；}/textarea 作为textarea是文本区，function ceshi()就作为文本了，不算是JS代码。

1、js放在html页面中起作用，单独放到js页面调用就不起作用是设置错误造成的，解决方法为：新建html文档。准备好需要用到的图标。书写hmtl代码。

2、如果调用的是外部js文件，看看路径是否正确；如果是在HTML文件中写在head标签中，看你的函数或者其他是否写错；有时候js的script标签要写在body中相应元素标签的下面，才会有效。

3、函数直接写在页面相当于是你本页调用，所以理所应当可以调用 js单独文件不能调用是因为你没有引用js文件，如果引用了的话，也是可以调用的。

document.write() 只能在页面加载的时候使用，页面加载完毕后再次使用（比如点击按钮），则write的内容会替换整个文档的内容。

并且，任何后面调用的document.write()方法只会把内容追加到页面后，而不会清除现有内容来写入新值。

JS多用于浏览器端功能性质的交互作用，即使需要输入html内容，通常也是极短的内容，比如一句文字内容。像你这样用JS来生成大段的html，则是十分不推崇的，这样这段HTML的后期维护修改问题。

到此，以上就是小编对于html动态添加div的问题就介绍到这了，希望介绍的几点解答对大家有用，有任何问题和不懂的，欢迎各位老师在评论区讨论，给我留言。