Set attribute value in tranformation : Attribute « XSLT stylesheet « XML






Set attribute value in tranformation


File: Data.xml 

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="Transform.xslt" ?>
<html>
  <head>
  <title>A simple HTML page</title>
  <style type="text/css">
    body { font-family: Verdana, Arial, sans-serif; font-size: 12px;}
  </style>
  </head>
<body>
  <h1>Our neighbours</h1>
  <h2>Venus</h2>
  <ul>
    <li><strong>A</strong>  5</li>
    <li><strong>B:</strong> 0</li>
    <li><strong>C:</strong> 4</li>
    <li><strong>D:</strong> 2</li>
    <li><strong>E:</strong> 4</li>
  </ul> 
  <h2>Mars</h2>
  <ul>
    <li><strong>A</strong>  4</li>
    <li><strong>B:</strong> 2</li>
    <li><strong>C:</strong> 3</li>
    <li><strong>D:</strong> 4</li>
    <li><strong>E:</strong> 6</li>
  </ul>
   </body>
</html>

File: Transform.xslt

<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
  <xsl:output method="html" version="4.0" indent="yes"/>
  <xsl:template match="node()|@*">
    <xsl:copy>
      <xsl:apply-templates select="node()|@*"/>
    </xsl:copy>
  </xsl:template>
  <xsl:template match="body">
    <body>
      <p>
        <a href="http://www.nasa.gov/">Visit NASA!</a> | <a href="http://www.nineplanets.org/">Tour the solar system</a>
      </p>
      <h2>Quick reference</h2>
      <ul>
        <xsl:for-each select="h2">
          <li>
            <a>
              <xsl:attribute name="href">
                #<xsl:value-of select="text()"/></xsl:attribute>
              <xsl:value-of select="text()"/>
            </a>
          </li>
        </xsl:for-each>
      </ul>
      <xsl:apply-templates/>
      <hr/>
      Copyright Planetary Fun 2006.
    </body>
  </xsl:template>
  <xsl:template match="h2">
    <a>
      <xsl:attribute name="name"><xsl:value-of select="text()"/></xsl:attribute>
      <h2>
        <xsl:apply-templates/>
      </h2>
    </a>
  </xsl:template>
</xsl:stylesheet>


Output:

<?xml-stylesheet type="text/xsl" href="Transform.xslt" ><html>
   
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
      
      <title>A simple HTML page</title>
      <style type="text/css">
    body { font-family: Verdana, Arial, sans-serif; font-size: 12px;}
  </style>
      </head>
   
   <body>
      <p><a href="http://www.nasa.gov/">Visit NASA!</a> | <a href="http://www.nineplanets.org/">Tour the solar system</a></p>
      <h2>Quick reference</h2>
      <ul>
         <li><a href="%0A                #Venus">Venus</a></li>
         <li><a href="%0A                #Mars">Mars</a></li>
      </ul>
      
      <h1>Our neighbours</h1>
      <a name="Venus">
         <h2>Venus</h2></a>
      
      <ul>
         
         <li><strong>A</strong>  5
         </li>
         
         <li><strong>B:</strong> 0
         </li>
         
         <li><strong>C:</strong> 4
         </li>
         
         <li><strong>D:</strong> 2
         </li>
         
         <li><strong>E:</strong> 4
         </li>
         
      </ul> 
      <a name="Mars">
         <h2>Mars</h2></a>
      
      <ul>
         
         <li><strong>A</strong>  4
         </li>
         
         <li><strong>B:</strong> 2
         </li>
         
         <li><strong>C:</strong> 3
         </li>
         
         <li><strong>D:</strong> 4
         </li>
         
         <li><strong>E:</strong> 6
         </li>
         
      </ul>
      
      <hr>
      Copyright Planetary Fun 2006.
      
   </body>
   
</html>

 








Related examples in the same category

1.compare attribute value
2.Get attribute from different level
3.List the attribute names and values
4.if there is an attribute
5.Get value of attribute with @
6.select node by attribute value
7.attribute omitted
8.get attribute name