DOM - ProcessingInstruction 对象属性 - data

属性 data 是一个字符，它描述了应用程序在 ?> 之前要处理的信息。

语法

以下是使用 data 属性的语法。

ProcessingInstruction.target

示例

以下示例演示了 data 属性的用法 −

<!DOCTYPE html>
<html>
   <head>
      <script>
         // 在 dom 对象中加载 xml 字符串
         function loadXMLString(t) {
            // 对于非 IE 浏览器
            if (window.DOMParser) {
               // 为 xml dom 对象创建一个实例
               parser = new DOMParser();
               xmlDoc = parser.parseFromString(t,"text/xml");
            } else // code for IE {  
               // 为 xml dom 对象创建一个实例
               xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
               xmlDoc.async = false;
               xmlDoc.loadXML(t);
            }
            return xmlDoc;
         }
         function get_firstChild(p) {
            a = p.firstChild;
            return a;
         }
      </script>
   </head>
   <body>
      <script>
         var xml = "<Employee>";
         xml = xml+"<FirstName>";
         xml = xml+"<?piTarget piData more piData?>";
         xml = xml+"</FirstName>";
         
         xml = xml+"</Employee>";

         // 调用带有"text"函数的 loadXMLString() 并将 xml dom 存储在变量中
         var xmlDoc = loadXMLString(xml);

         var x = get_firstChild(xmlDoc.getElementsByTagName("FirstName")[0]);
         document.write("First child is : ");
         document.write(x.nodeName);

         //下面应该是"piData more piData"
         alert(x.data);

         //以下应为"piTarget"
         alert(x.target);
      </script>
   </body>
</html>

执行

将此文件保存为服务器路径上的 dom_processinginstruction_data.htm。我们将获得如下所示的输出 −