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	<!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>