Document: createProcessingInstruction() method

Syntax

createProcessingInstruction(target, data)

Parameters

piNode

The resulting ProcessingInstruction 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

InvalidCharacterError DOMException

Thrown if either of the following are true:

• The target value is not a valid XML name; for example, it starts with a number, hyphen, or period, or contains characters other than alphanumeric characters, underscores, hyphens, or periods.
• The closing processing instruction sequence (?>) is part of the data 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/>

Specifications

Browser compatibility