获取页面标签

黄良钵

分类: 程序开发 702 0

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.         <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7.         <title>获取页面标签</title>
  8.         <style>
  9.             body{
  10.                 width: 100%;
  11.                 height: 100%;
  12.                 background-color: beige;
  13.             }
  14.         </style>
  15.     </head>
  16.     <body>
  17.         <script>
  18.             // 获取body标签样式
  19.             // document.body.style.margin = '0px'
  20.             // document.body.style.height = '100%'
  21.             // document.body.style.border = '5px solid black'
  22.             // 获取html标签并设置样式
  23.             // var html =document.getElementsByTagName('html')[0]
  24.             // html.style.height = '100%'
  25.             // var a =document.documentElement
  26.             // documentElement 返回文档的根节点
  27.             // a.style.backgroundColor = 'red'  
  28.             document.title = '存款收益计算器'
  29.             // title 返回当前文档的标题
  30.             var header =document.createElement('header')
  31.             header.innerText = '存款收益计算器'
  32.             header.style.height = '50px'
  33.             header.style.backgroundColor = '#f93'
  34.             header.style.color = 'white'
  35.             header.style.fontSize = '18px'
  36.             header.style.lineHeight = '50px'
  37.             header.style.textAlign = 'center'
  38.             document.body.appendChild(header)
  39.             // console.log(document.all)
  40.             // 获取页面上所以元素标签
  41.             // 能把标签元素的树形结构变成线性结构
  42.             // 在循环处理时很方便 尽可能把 document.all 放在所以创建元素的代码之后
  43.             // 否则有些标签可能还没创建出来
  44.             // 实现类似样式中的 *{box-sizing: border-box}
  45.             // for(var i = 0;i < document.all.length;i++){
  46.             //     var ele = document.all[i]
  47.             //     if(ele.tagName == 'SCRIPT')continue
  48.             //     if(ele.tagName == 'HTML')continue
  49.             //     if(ele.style){
  50.             //         ele.style.boxSizing = 'border-box'
  51.             //     }
  52.             // }
  53.             // document.links
  54.             // 获取页面上所有link 即<link>
  55.             // document.images
  56.             // 获取页面上所有图片 即<img>
  57.             // document.forms
  58.             // 获取页面上所有表单 即<form>
  59.             // document.anchors
  60.             // 获取页面上的所有超链接 即<a>
  61.             // document.applets
  62.             // 获取嵌入到页面上的Java小程序 从来没有在互联网上广泛使用早已绝迹江湖
  63.             // document.embeds
  64.             // 嵌入到页面上的flash
  65.             // document.styleSheets
  66.             // 获取页面上的所有样式表
  67.             // document.scripts
  68.             // 获取页面上的所有脚本 即<script>
  69.         </script>
  70.     </body>
  71. </html>
  • 0人 Love
  • 0人 Haha
  • 0人 Wow
  • 0人 Sad
  • 0人 Angry
JavaScript、页面标签

作者简介: 黄良钵

打赏

博客站长,前端开发工程师

共 0 条评论关于 “获取页面标签”

Loading...