Javascript tips to generate html elements_javascript tips

There are two methods for Javascript to generate HTML elements. This article introduces two methods. The first is a more formal method of creating elements, and the second is to use the write() method in JavaScript to directly write HTML elements.

Method 1:

Copy code The code is as follows:

//createElement() creates the input element into the obj object
var obj = document.createElement('input');
//Select the previous element to generate the location
var before = document.getElementById('before');
//Set obj Element name, value
obj.name='name';
obj.value='value';
//setAttribute can freely define attributes, not only id and type, name and value can also be This definition
obj.setAttribute('id','idname');
obj.setAttribute('type','typename');
//Add obj
after the previous element before .appendChild(obj);

Method 2:

Copy code The code is as follows:

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

Here are two methods of generating HTML <input> elements. The first one is more standardized and has more code, while the second one has less code.