ProcessingInstruction: target ããããã£
Baseline
åºãå©ç¨å¯è½
ãã®æ©è½ã¯åºãå®è£ ããã¦ãããå¤ãã®ãã¼ã¸ã§ã³ã®ç«¯æ«ããã©ã¦ã¶ã¼ã§åä½ãã¾ãã2015å¹´7æä»¥éããã¹ã¦ã®ãã©ã¦ã¶ã¼ã§å©ç¨å¯è½ã§ãã
target 㯠ProcessingInstruction ã¤ã³ã¿ã¼ãã§ã¤ã¹ã®èªã¿åãå°ç¨ããããã£ã§ã ProcessingInstruction ã対象ã¨ããã¢ããªã±ã¼ã·ã§ã³ã表ãã¾ãã
ä¾ãã°æ¬¡ã®ãããªãã®ã§ãã
html
<?xml version="1.0"?>
ãã®å ´åãå¦çå½ä»¤ã® target 㯠xml ã§ãã
å¤
ã¢ããªã±ã¼ã·ã§ã³ã®ååãå ¥ã£ãæååã§ãã
ä¾
>XML ææ¸å ã§
js
let parser = new DOMParser();
const doc = parser.parseFromString(
'<?xml version="1.0"?><test/>',
"application/xml",
);
const pi = doc.createProcessingInstruction(
"xml-stylesheet",
'href="mycss.css" type="text/css"',
);
doc.insertBefore(pi, doc.firstChild);
const output = document.querySelector("output");
output.textContent = `ãã®å¦çå½ä»¤ã®ã¿ã¼ã²ãã: ${doc.firstChild.target}`;
HTML ææ¸å ã§
å¦çå½ä»¤ã®è¡ã¯ Comment ãªãã¸ã§ã¯ãã¨è¦ãªããã表ç¾ããã¾ãã
html
<?xml version="1.0"?>
<pre></pre>
js
const node = document.querySelector("pre").previousSibling.previousSibling;
const result = `ãã®å¦çå½ä»¤ã®ãã¼ã: ${node.nodeName}: ${node.nodeValue}\n`;
document.querySelector("pre").textContent = result;
仿§æ¸
| 仿§æ¸ |
|---|
| DOM > # dom-processinginstruction-target > |