您的位置:首页 > Web前端 > JavaScript

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

2016-09-28 21:13 337 查看
<!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><!--你可以在所有元素上添加class属性-->
<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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: