js动态生成Html元素实现Post操作（createElement）

要使用JavaScript动态创建HTML元素并实现POST操作，可以使用createElement()方法和XMLHttpRequest对象。

首先，使用createElement()方法创建HTML元素，可以根据需要创建任何HTML元素，例如div，form，button等。然后，使用setAttributes()方法设置元素的属性，例如方法，动作，类名等。最后，将元素追加到您希望显示的HTML节点中，例如主体，分段。以下是示例代码：

//创建表单元素并设置属性
var form = document.createElement('form');
form.setAttribute('method','POST');
form.setAttribute('action','submit.php');

//创建文本框元素并设置属性
var input = document.createElement('input');
input.setAttribute('type','text');
input.setAttribute('name','username');

//将文本框附加到表单中
form.appendChild(input);

//将表单附加到主体中
document.body.appendChild(form);

上面的代码创建了一个具有文本输入框的表单，并将其附加到页面主体中。您可以添加更多元素，例如按钮，选择框等。

接下来，我们需要将表单数据提交到服务器。为此，我们使用XMLHttpRequest对象。以下是示例代码：

//创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();

//注册onreadystatechange监听器
xhr.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    //处理响应，例如更新UI
  }
};

//设置请求JSON内容类型
xhr.setRequestHeader('Content-Type', 'application/json');

//发送POST请求
xhr.open('POST', 'submit.php', true);
xhr.send(JSON.stringify({username: input.value}));

上面的代码创建了一个XMLHttpRequest对象，并将其用于向submit.php发出POST请求。我们设置请求的内容类型，然后使用JSON.stringify()方法将数据对象转换为JSON字符串，并将其作为请求正文发送。

整个JavaScript操作步骤可以总结为：

1.使用createElement()方法创建HTML元素，并设置其属性

2.将元素附加到页面节点中

3.使用XMLHttpRequest对象将数据提交到服务器

这是一个简单的示例，您可以根据需要自定义和修改代码。