学习javascript的DOM模型，随意写的代码，更新博客，代码如下：

最新推荐文章于 2024-06-17 02:47:03 发布

原创最新推荐文章于 2024-06-17 02:47:03 发布 · 314 阅读

0 ·

CC 4.0 BY-SA版权

web大前端专栏收录该内容

291 篇文章

订阅专栏

本文展示了一个简单的HTML购物清单页面示例，包括基本的HTML结构、内联样式以及JavaScript脚本来修改页面元素的属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>shopping list</title>
<style type="text/css">
body{
color:white;
background-color:black;
}
</style>
</head>
<body>
<h1>what to buy</h1>
<p title="a gentle reminder">Don't forget to buy this buff</p>
<ul>
<li>A tin of bean</li>
<li class="sale">cheese</li>
<li class="sale important">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("title");
if(title_text)
{
paras[i].setAttribute("title","brand new title text");
alert(paras[i].getAttribute("title"));
}
}
</script>
</body>
</html>