python小课——零基础入门——学习笔记

js--页面获取数据

2020-07-28  本文已影响0人  幼姿沫

<!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>

上一篇下一篇

猜你喜欢

热点阅读