<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<title>Test content with attr</title>
	<style type="text/css">
		a:after {
			content: '(href=' attr(href) ')';
		}
	</style>
	<script type="text/javascript">
		function changeHref() {
			document.getElementById("toChange").href = "4";
		}
	</script>
</head>
<body onload="changeHref();">
<p>Each link below should display the text "n(href=n)" where n is a number</p>
<p>The href attribute of the last one is changed onload.</p>
<hr/>
<p><a href="1">1</a></p>
<p><a href="2">2</a></p>
<p><a href="3">3</a></p>
<p><a id="toChange" href="3">4</a></p>
</body>
</html>