JavaScript 创建 HTML 元素的两种方法

JavaScript 创建 HTML 元素的两种方法

本文介绍两种在 JavaScript 中生成 HTML 元素的方法：第一种为较为规范的元素创建方式，第二种则是利用 JavaScript 的 write() 方法直接输出 HTML 元素。

方法一：

//createElement()创建input元素到obj对象中
var obj = document.createElement('input');
//选择要生成地点的前一个元素
var before = document.getElementById('before');
//设置obj元素名，值
obj.name='name';
obj.value='value';
//setAttribute是可以自由定义属性的，不仅id和type，name和value也可以在这定义
obj.setAttribute('id','idname');
obj.setAttribute('type','typename');
//在前一个元素后面添加obj
before.appendChild(obj);

方法二：

document.write("<inpt name='name' value='value' id='idname' type='typename'>");

以上列举了两种生成 HTML <input> 元素的方法。第一种方式较为规范，但代码量相对较多；第二种方式代码更为精简。