Document: createProcessingInstruction() method

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

createProcessingInstruction() generates a newprocessing instruction node and returns it.

The new node usually will be inserted into an XML document in order to accomplish anything with it, such as withnode.insertBefore.

Syntax

createProcessingInstruction(target, data)

Parameters

piNode: The resultingProcessingInstruction node.
target: A string containing the first part of the processing instruction (i.e.,<?target … ?>)
data: A string containing any information the processing instruction should carry, after the target. The data is up to you, but it can't contain?>, since that closes the processing instruction.

Return value

None (undefined).

Exceptions

InvalidCharacterErrorDOMException

Thrown if either of the following are true:

Thetarget value is not a validXML name; for example, it starts with a number, hyphen, or period, or contains characters other than alphanumeric characters, underscores, hyphens, or periods.
Theclosing processing instruction sequence (?>) is part of thedata value.

Examples

const doc = new DOMParser().parseFromString("<foo />", "application/xml");const pi = doc.createProcessingInstruction(  "xml-stylesheet",  'href="mycss.css"',);doc.insertBefore(pi, doc.firstChild);console.log(new XMLSerializer().serializeToString(doc));// Displays: <?xml-stylesheet href="mycss.css" type="text/css"?><foo/>