学习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>
<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>
相关文章推荐
- javascript学习0---dom模型
- javascript-学习笔记-<script> </script> 代码执行的和上一个博客相对应的
- javascript学习0---dom模型
- javascript基础学习-dom模型(七)
- JavaScript学习总结(一) ECMAScript、BOM、DOM(核心、浏览器对象模型与文档对象模型)
- 轻松学习JavaScript十九:DOM编程之在HTML文档什么位置编写JS代码
- Javascript学习历程之DOM模型
- javascript学习六:DOM模型
- javascript对文档对象模型DOM的基本操作学习笔记
- 轻松学习JavaScript二十七:DOM编程学习之事件模型
- 轻松学习JavaScript二十七:DOM编程学习之事件模型
- 轻松学习JavaScript十九:DOM编程学习之在HTML文档什么位置编写JS代码
- JavaScript学习笔记(09)之文档对象模型DOM
- javascript学习之DOM模型(一)
- 学习javascript对象创建方法(参照别人代码,持续更新)
- 掌握 Ajax,第 5 部分: 操纵 DOM 使用 JavaScript 即时更新 Web 页面
- Asp.Net Ajax 学习笔记21 VS2008的JavaScript代码提示功能
- Javascript文档对象模型(DOM)实例分析 - 爵士的舞步 - JavaEye技术网站
- 博客日历代码 javascript版
- 2张表关联字段的关联更新,代码如下: