`

document.appendChild(form)与document.body.appendChild(form)的区别

阅读更多

如题,他们之间有区别吗?

感觉上只有,他们添加的位置不同。

困惑1
document.body.appendChild(form)是在body节点后添加元素。
document.appendChild(form)是在...where?

困惑2
在做一个项目时,遇到一个很奇怪的问题,在JQuery.ajax的errorfunction中
要求迁移错误画面,所以我在js中添加了一个form,然后用document.appendChild(form)添加到document中后submit,提交的method是post。
这个应该没错吧。
可结果,它自动提交了2次,而且第2次提交用的是get方法...不明白的话,可以看log的截图


无语…………!!

解决的方法是有的,就是把document.appendChild(form)改成document.body.appendChild(form)
这样提交后,就能正常迁移了~~~
无语的平方…………!!

目前还在研究中~~~
  • 大小: 52.6 KB
分享到:
评论

相关推荐

    Jsp中生成模式窗体代码详解

    document.body.appendChild(div); div.style.left = "0px"; div.style.top = 0; } ``` 这段代码负责创建并配置遮罩层。通过`document.createElement`方法创建一个新的`div`元素,并设置其样式属性,包括高度、...

    获取表单内容差异,支持文本提示和表格展示

    document.body.appendChild(table); } ``` 以上代码片段展示了如何使用JavaScript获取表单内容的差异,并以文本或表格的形式呈现。这只是一个基本的实现,实际应用中可能需要考虑更多因素,如错误处理、用户交互和...

    DOCUMENT的对象操作

    - `document.body.appendChild(oTag)`: 将一个元素添加到body元素的末尾,实现动态添加HTML元素。 3. **集合与对象**: - `all`: 返回文档中所有元素的集合,不推荐使用,现代开发中通常使用DOM遍历方法。 - `...

    js动态生成form 并用ajax方式提交的实现方法

    document.body.appendChild(tempForm); // 创建提交按钮 var tempInput = document.createElement("input"); tempInput.type = "hidden"; tempInput.name = "method"; tempInput.value = methodName; // the ...

    HTML——月历

    document.body.appendChild(table); }); ``` 通过这个例子,我们可以看到 HTML、CSS 和 JavaScript 如何协同工作,创建一个动态的、用户可交互的月历应用。HTML 提供了结构,CSS 负责样式,而 JavaScript 处理了...

    JavaScript动态创建form表单并提交的实现方法

    document.body.appendChild(form1); // 创建一个输入框,并设置属性 var input = document.createElement("input"); input.type = "text"; input.name = "value1"; input.value = "1234567"; // 将输入框...

    ASP.Net中FileUpLoad控件内容清空

    2. **添加到DOM树**:使用`document.body.appendChild(form)`将新创建的表单添加到页面中。 3. **定位并移动`FileUpload`控件**:找到`FileUpload`控件的下一个兄弟节点(`file.nextSibling`),然后将其从当前位置...

    ASP.NET无刷新上传.rar

    var form = document.createElement('form'), file = this.file; //设置属性 $$.extend(form, { target: this._iframe.name, method: "post", encoding: "multipart/form-data" }); //设置样式 ...

    用js创建form表单并提交.pdf

    document.body.appendChild(form); ``` 2. **添加表单元素**: 表单通常包含输入字段(如`<input>`、`<textarea>`等),这些元素可以通过JavaScript动态创建并添加到表单中。例如,创建一个文本输入框: ```...

    xhr-form:[wip] 使用自定义元素创建异步表单元素

    xhr-形式 使用自定义元素创建异步表单元素。 wip,还没有像宣传的那样工作。 安装 $ npm install xhr-form 用法 ... appendChild ( form ) // as a callback form . addEventListener ( 'xhr' , fun

    用javascript实现select的美化的方法

    document.body.appendChild(fakeSelect); // 读取 Select 标签中的值 var options = selectObj.options; for (var i = 0; i < options.length; i++) { var option = options[i]; var optionText = option.text...

    【JavaScript源代码】Vue通过阿里云oss的url连接直接下载文件并修改文件名的方法.docx

    document.body.appendChild(form); form.method = "post"; form.appendChild(this.generateHideElement('url', file.url)); form.appendChild(this.generateHideElement('name', file.name)); form.action = ...

    javascriptDom节点API个人总结.docx

    - **`document.body`** 返回当前文档的 `<body>` 节点。 - **`document.head`** 返回当前文档的 `<head>` 节点。 - **`document.activeElement`** 返回当前文档中获取了焦点的元素,常用于处理表单元素或...

    前段JS开发和DOM兼容问题大全

    因此,在编写兼容代码时应统一使用方括号,例如`document.forms['formName']`代替`document.forms('formName')`,以及`document.getElementsByName('elementName')[1]`代替`document.getElementsByName('elementName...

    ajax iframe上传.

    document.body.appendChild(form); ``` 3. **添加文件输入元素**:在表单中添加一个`input[type=file]`元素,让用户选择要上传的文件。 ```javascript var input = document.createElement('input'); input.type =...

    轻松学习javascript

    本文旨在帮助初学者快速入门JavaScript,通过简单的案例理解和实践JavaScript的基本概念与应用场景。 #### 二、JavaScript概述 ##### 2.1 JavaScript操作对象的简单介绍——属性和方法 **对象**是JavaScript中的...

    js的form表单提交url传参数(包含+等特殊字符)的两种解决方法

    document.body.appendChild(formredwin); formredwin.action="***" +encodeURI(A)+"&B=" +encodeURIComponent(B)+"&C=" +encodeURI(C)+"&D=" +encodeURI(D)+"&E=" +encodeURI(E)+"&F=" +encodeURI(F) +"&G=...

    JavaScript动态增减表单项

    例如,我们可以使用`document.getElementById()`或`document.querySelector()`来获取特定元素,`document.createElement()`创建新的元素,`appendChild()`和`removeChild()`分别用于添加和移除元素。 动态添加表...

    js-107种.txt

    document.body.appendChild(newElement); ``` ### 29. 获取元素 可以使用 `document.getElementById()` 来获取页面上的元素: ```javascript var element = document.getElementById("myElement"); ``` ### 30. ...

Global site tag (gtag.js) - Google Analytics