Question

用innerHTML改变标签内容需要页面刷新吗?

我想问一下，我用在一个按钮的click函数中写，document.getElementById("div1").innerHTML = "<div>aaa</div>"，点击按钮以后，标签内容会改变，但是这时是否整个页面都刷新了？还是只刷新了<div id="div1"></div>中的内容？

Answer 1

innerHTML改变标签内容不需要页面刷新。

首先用js改变页面dom元素都不需要页面刷新，相反的刷新了页面相当于页面重新初始化了一遍，innerHTML改变的标签内容也无效了。

innerHTML用法：

例：有html代码如下

<div id="test"></div>

现在我们需要用innerHTML改变id为test的div里面的html

---JS用法

document.getElementById("test").innerHTML = "test";

--JQUERY用法

$("#test").html("test");

Answer 2

不存在刷新的问题！只是改变了内容！其实也是障眼法，只是让你看到的是改变了，而源代码没有改变！

Answer 3

js 中的reload()函数才会使整个页面刷新，你这样的处理只是改变了“id=div1”的标签的内容，但在用innerHTML时要注意上层容器的问题，否则可能不会实现期望的效果。

Answer 4

innerHTML改变标签内容不需要刷新页面。