layout/reftests/scoped-style/scoped-style-dynamic-004.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

<!DOCTYPE html>
<body onload="f()">
  <p>First</p>
  <p>
    <style scoped>
      p { color: green }
    </style>
    <style scoped>
      p { text-decoration: underline }
    </style>
    Second
  </p>
  <p>Third</p>
  <script>
    function f() {
      var style = document.getElementsByTagName("style")[1];
      style.textContent = "p { background-color: yellow }";
    }
  </script>
</body>