Javascript文档写入查询

时间:2012-10-08 03:16:08

标签: javascript-events document.write

我多次尝试使用javascript事件编写代码 所以我认为javascript的document.write将以某种方式类似于
php的回声。
有没有办法强制document.write执行类似于php的echo的内联写入?

样本:情况

我的网站
-input type =“text”id =“inputText”onchange =“writeText()” -

-script-
function writeText(){document.write(document.getElementById(“inputText”)。value);}

- /脚本 -


我希望它的行为就像每次更改文本框的值一样,它会在文本框的正下方显示文本框的值,或者通过使用php的回显更好地执行它,如下所示:<登记/>

-script-
var inputs = document.getElementById(“inputText”)。value;
function writeText(){document.write(“&lt;”。“?php”。“echo'”。inputs。“';”。“?”。“&gt;”);}
- /脚本 -

注意:请不要使用元素来捕获值,我知道但是我想要的目的是在不删除页面的其他内容的情况下使用document.write内联。

1 个答案:

答案 0 :(得分:0)

document.write()不是设计用于事件处理程序,因为如果当前文档已经完成加载(事件触发时它已经加载),那么document.write()首先清除当前文档然后添加新文档内容到空文档。

要在文档加载后添加内容,您需要修改现有元素的innerHTML或创建新元素并以编程方式将它们添加到页面中。

在您的问题中,不清楚您希望writeText()函数放置它生成的内容的位置,但这里是一个将一些新内容附加到文档中特定位置的文档中的示例。

function writeText(parentElem, newHTML) {
    var elem = document.createElement("span");
    elem.innerHTML = newHTML;
    parentElem.appendChild(elem);
}