使用 Ajax 请求创建元素和 appendChild
Posted
技术标签:
【中文标题】使用 Ajax 请求创建元素和 appendChild【英文标题】:Using Ajax request to create element and appendChild 【发布时间】:2011-10-07 20:51:41 【问题描述】:我正在尝试制作一个脚本以在使用 ajax/appendChild 单击当前字段时添加一个输入字段,但它不起作用。这是我的脚本..
<script type="text/javascript">
function addfile()
if (window.XMLHttpRequest)
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
else
// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
xmlhttp.onreadystatechange=function()
if (xmlhttp.readyState==4 && xmlhttp.status==200)
var s = xmlhttp.responseText;
var div = createElement('div');
div.innerhtml = s;
document.getElementById("org_div1").appendChild = div;
xmlhttp.open("GET","addfile.php");
xmlhttp.send();
</script>
还有 html..
<div id="org_div1" class="file_wrapper_input">
<input type="hidden" value="1" id="theValue" />
<input type="file" class="fileupload" name="file1" size=
"80" onchange="addfile()" /></div>
还有 addfile.php 文件..
<script type="text/javascript">
var i=0;
var ni = document.getElementById('org_div1');
var numi = document.getElementById('theValue');
var i=0;
var ni = document.getElementById('org_div1');
var numi = document.getElementById('theValue');
var num = (document.getElementById('theValue').value -1)+ 2;
numi.value = num;
var divIdName = num;
</script>
<input type="file" class="fileupload" size="80" name="file' + (num) + '" onchange="addfile()" />;
任何输入?谢谢。
【问题讨论】:
这是***.com/questions/6736165/…的副本... 我的答案应该是好的... 【参考方案1】:应该是:
document.getElementById("org_div1").appendChild(div);
和
var div = document.createElement('div');
见:
https://developer.mozilla.org/En/AppendChild https://developer.mozilla.org/en/document.createElement来自上述参考(语法):
var child = element.appendChild(child);
var element = document.createElement(tagName);
【讨论】:
@Jonah - 已编辑。您需要在文档元素上调用createElement
。以上是关于使用 Ajax 请求创建元素和 appendChild的主要内容,如果未能解决你的问题,请参考以下文章