<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>js页面获取数据</title>
</head>
<body>
<!-- js行内点击事件 -->
<!-- <button onclick="alert('hello wrold')">点击</button> -->
<!-- 网页中的标签可以是id和class id是唯一的
class可以重复相同的class为一组
网页中可以根据id招标前的方法
例如*document.getElementById('#id')-->
<h1 id='t1' class='t1'>标题一</h1>
<h1 class='t1'><i>标题二</i></h1>
<h1 class='t1'>标题三</h1>
<h1 class='t1'>标题四</h1>
<h1 class='t1'>标题五</h1>
<h1 class='t1'>标题六</h1>
<h1 class='t1'>标题七</h1>
<h1 class='t1'>标题八</h1>
<h1 class='t1'>标题九</h1>
<h1 class='t1'>标题十</h1>
<h1 class='t1'>标题十一</h1>
<script type='text/javascript'>
var mytitle=document.getElementsByTagName('h1')
console.log(mytitle);
for(var i = 0;i <= mytitle.length;i++){
console.log(typeof(mytitle[i]));
console.log('第'+(i+1)+'个内容是*'+mytitle[i].innerHTML);
console.log('第'+(i+1)+'个内容是*'+mytitle[i].innerText);
}
</script>
</body>
</html>
二 ****** //字典json对象遍列，简化为for in
<script type='text/javascript'>
console.log('******************************')
var product={'id':1,'name':'iphone8','price':'8000','address':'chinese'}
console.log(product);
console.log(typeof(product));
for(key in product){
console.log('json对象的名字是*'+key+'值是*'+product[key])
}
</script>
网友评论