<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Shopping list</title>
<style type="text/css">
p { /* 对所有p进行说明 */
color: yellow;
font-family: "arial", sans-serif;
font-size: 1.2em;
}
body {
color: white; /* 没有专门说明的话，body的所有文字都是白色 */
background-color: black; /* 全屏黑色背景 */
}
#purchases { /* 对某一个id进行说明 */
border: 1px solid white; /* 定制边框 */
background-color: #333;
color: #ccc;
padding: 1em;
}
#purchases li { /* 对某一个id的下属进行说明 */
font-weight: bold;
}
</style>
</head>
<body>
<h1>What to buy</h1>
<h1>What to buy</h1>
<p title1="a gentle reminder">Don't forget to buy this stuff.</p>
<p>This is just a test</p>
<ul id="purchases">
<li>A tin of beans</li>
<li>Cheese</li>
<li>Milk</li>
</ul>
<script type="text/JavaScript">
var paras = document.getElementsByTagName("p");
for (var i=0; i< paras.length; i++) {
var title_text = paras[i].getAttribute("title1");
if (title_text != null) {
alert(title_text);
}
}
</script>
</body>
</html>
