What are the commonly used methods of DOM in JavaScript?

Commonly used methods: appendChild(), insertBefore(), hasChildNodes(), removeChild(), replaceChild(), cloneNode(), write(), open(), writeln(), etc.

The operating environment of this tutorial: windows7 system, javascript version 1.8.5, Dell G3 computer.

Member methods of nodes

appendChild(): Add a child node at the end of the node’s child node list:

var method = document.getElementById('method');
var input = document.createElement('input');        
method.appendChild('input');

insertBefore(): Add a child node before the specified node in the node's child node list:

method.insertBefore(input,method.childNodes[1]);

hasChildNodes(): Check whether a node has child nodes:

method.hasChildNodes();

removeChild(): Remove the specified node of the node:

method.removeChild(method.childNodes[1]);

replaceChild(): Use the specified node to replace another specified child node:

method.replaceChild(input,method.childNodes[1]);

cloneNode() Clone node :

var relation=document.getElementById('relation');        
var newRel=relation.cloneNode(true);

document document node

Method to get element node

getElementById(): Get element node by ID

var ele=document.getElementById('ele');

getElementsByTagName(): Get the node list collection through the tag name

var ps=document.getElementsByTagName('p');           
console.log(ps.length);"

getElementsByName(): Get the element node collection through the Name attribute:

var sexs=document.getElementsByName('user');           
console.log(sexs);"

Create Node methods

createElement(): Create an element node

var b=document.createElement('b');

createAttribute(): Create an attribute node

var classAttr=document.createAttribute('class');
classAttr.value='on';"

createTextNode(): Create a text node

var newtext=document.createTextNode('First');

Document stream operation

write(): Input text stream to the page

document.write('哈哈');

writeln(): Enter a text stream into the page and add\n

document.writeln('哈哈');

open(): Open a document stream

document.open();

close(): Close a document stream

document.close();

[Recommended learning: javascript advanced tutorial】

The above is the detailed content of What are the commonly used methods of DOM in JavaScript?. For more information, please follow other related articles on the PHP Chinese website!