summaryrefslogtreecommitdiff
path: root/dom/html/reftests/href-attr-change-restyles.html
blob: 1fa54bfd6ff32c9a53d610fe717a12d15b9cf8c0 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<!DOCTYPE html>
<html>
<head>
  <title>Test for bug 549797 - Removing href attribute doesn't remove link styling</title>
  <style type="text/css">
    :link, :visited {
      color:blue;
    }
    link {
      display:block;
    }
    #link2::before {
      content:"Test link 1";
    }
    #link4::before {
      content:"Test link 2";
    }
    #link6::before {
      content:"Test link 3";
    }
  </style>
</head>
<body onload="run_test();">
<script type="text/javascript">
function run_test()
{
  // Remove the href attributes of the links so they should be restyled as
  // non-links.
  document.getElementById("link1").removeAttribute("href");
  document.getElementById("link2").removeAttribute("href");

  // Add the href attribute to the links so they should be restyled as links.
  document.getElementById("link3").href = "http://example.com/1";
  document.getElementById("link4").href = "http://example.com/1";
  document.getElementById("link5").setAttribute("href", "");
  document.getElementById("link6").setAttribute("href", "");
}
</script>
<p>
  <a id="link1" href="http://example.com/1">Test anchor 1</a>
  <link id="link2" href="http://example.com/1"/>
  <a id="link3">Test anchor 2</a>
  <link id="link4"/>
  <a id="link5">Test anchor 3</a>
  <link id="link6"/>
</p>
</body>
</html>