third_party/WebKit/LayoutTests/fast/css-generated-content/016.html

   1 <?xml version="1.0" encoding="utf-8"?>
   2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   3         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   4 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
   5 <head>
   6         <meta http-equiv="content-type" content="text/html; charset=utf-8" />
   7         <title>Test content with attr</title>
   8         <style type="text/css">
   9                 a:after {
  10                         content: '(href=' attr(href) ')';
  11                 }
  12         </style>
  13         <script type="text/javascript">
  14                 function changeHref() {
  15                         document.getElementById("toChange").href = "4";
  16                 }
  17         </script>
  18 </head>
  19 <body onload="changeHref();">
  20 <p>Each link below should display the text "n(href=n)" where n is a number</p>
  21 <p>The href attribute of the last one is changed onload.</p>
  22 <hr/>
  23 <p><a href="1">1</a></p>
  24 <p><a href="2">2</a></p>
  25 <p><a href="3">3</a></p>
  26 <p><a id="toChange" href="3">4</a></p>
  27 </body>
  28 </html>