element/attr-by-name/class-2.html

<!DOCTYPE html>
<html lang="en">
<head>
<title>Element['class']</title>
<script src="../../../support/result0.js"></script>
<style type="text/css">
  p {
    color: orange;
  }
  p.value-of-the-class-attribute {
    color: green;
  }
</style>
</head>
<body>

<div><p id="a" class="value-of-the-class-attribute">XXXXXX</p></div>

<script type="text/javascript">
  var a = document.getElementById ('a');

  document.write ('<dl><dt><code><var>Element</var>["class"]</code></dt><dd>');
  writeResult (a['class']);
  document.write ('</dd><dt><code><var>Element</var>.getAttribute ("class")</code><dd>');
  writeResult (a.getAttribute ('class'));
  document.write ('</dd><dt><code><var>Element</var>.parentNode.innerHTML</code></dt><dd>');
  document.write (htescape (a.parentNode.innerHTML));
  document.write ('</dd></dl>');
</script>

</body>
</html>
1	wakaba	1.1	<!DOCTYPE html>
2			<html lang="en">
3			<head>
4			<title>Element['class']</title>
5			<script src="../../../support/result0.js"></script>
6			<style type="text/css">
7			p {
8			color: orange;
9			}
10			p.value-of-the-class-attribute {
11			color: green;
12			}
13			</style>
14			</head>
15			<body>
16
17			<div><p id="a" class="value-of-the-class-attribute">XXXXXX</p></div>
18
19			<script type="text/javascript">
20			var a = document.getElementById ('a');
21
22			document.write ('<dl><dt><code><var>Element</var>["class"]</code></dt><dd>');
23			writeResult (a['class']);
24			document.write ('</dd><dt><code><var>Element</var>.getAttribute ("class")</code><dd>');
25			writeResult (a.getAttribute ('class'));
26			document.write ('</dd><dt><code><var>Element</var>.parentNode.innerHTML</code></dt><dd>');
27			document.write (htescape (a.parentNode.innerHTML));
28			document.write ('</dd></dl>');
29			</script>
30
31			</body>
32			</html>