批处理之家 - Powered by Discuz! Board

标题: [问题求助] Html Document.Write 动态修改内容的问题 [打印本页]

作者: wewe-b 时间: 2012-3-3 08:25 标题: Html Document.Write 动态修改内容的问题

在 Html 中用Document.Write 可以动态修改内容，但是会全部覆盖整页内容。
例如： Document.Write（"OK") 整页就显示 OK ，把之前显示的内容都删除了。

我想用追加的方式，即是不删除上面已有的内容，动态更改接下来的内容，请问代码该怎么写？

作者: wewe-b 时间: 2012-3-3 09:06

了解一些，直接在 <Script> 中 Document.Write 是追加，即在网页加载时可追加。
但是在事件定义的过程或函数内是覆盖。

作者: find 时间: 2012-3-3 12:44

这个论坛混的，大部分都不是搞HTML的

作者: Seder 时间: 2012-3-3 17:25

用DIV标签，如：

<title>无标题文档</title>
</head>
<body onload="getEvent();">
BATHOME
</body>
<div id="test"></div>
<script language="javascript">
function getEvent(){
    document.getElementById("test").innerHTML = "just a test.";
}
</script>
</html>
复制代码

作者: powerbat 时间: 2012-3-3 18:45

网页加载完成后再document.write当然会覆盖。
预留标签元素，通过innerHTML/outerHTML、innerText/outerText等改变标签内容。
或者直接用appendChild、insertAdjacentHTML(IE only)等Dom方法附加元素。

欢迎光临批处理之家 (http://bbs.bathome.net/)