引入

丰富多彩的html标签构成了网页。例如p,div,li,ul,a......……。它们都有自己默认的样式,且各不一样,例如h1标签就比p标签的margin要大一些。我们学习css的目的是为了改变它们自己的默认样式,而按我们自己通过css代码设置的样式去呈现出来。

那我们学习js的目的是什么呢?两个字 “交互“。谁与谁交互?html页面与用户进行交互。例如:当我们把鼠标移动到某个标签上时,让他突出显示;当我们把鼠标从注册的表单中的文本框上移出时,提示我们两次输入的密码不一致;等等。当然,通过js我们还可以做让用户操作起来更方便,或者让页面显示起来更漂亮的事情。

这一切的提前是:我们要能够操作html标签。

1.找到我们想要的标签:一切工作的开始。

方法一:给这个元素添加一个id,然后调用document.getElementById("元素的id名")。这是最简单最直接的方法

html

css

js

var li1 = document.getElementById("li1);

console.info(li1,typeof(li1));

你可能会在控制台中如下的结果 :

 (图1)

这样就说明我们成功地找到了这个标签。存放这个标签的变量li1的类型是object。

[说明]

html中如何找到成对标签,操作html标签之找到标签相关推荐

  1. 一个通用中间组件,简单通用的适配 ViewPager,以及 pager 中的 RecycleView 简化复杂的操作,简单直接。

    EasyTabPager 项目地址:ccj659/EasyTabPager  简介:一个通用中间组件,简单通用的适配 ViewPager,以及 pager 中的 RecycleView 简化复杂的操作 ...

  2. 嵌入式学习之C语言运算符标签操作

    C语言运算符标签操作 指针运算符加减标签操作 指针作为一种特殊的变量,它的运算和普通变量是有一定区别的.指针在运算中并没有具备其它变量所有的性能.我们只是给大家介绍一些指针常用的运算: 加法运算(+, ...

  3. leetcode(3)——697. 数组的度(C++版本注释)(map容器),448. 找到所有数组中消失的数字(取余操作,C++中的auto类型)

    文章目录 前言 697 程序 思路 收获 map容器 448 程序 收获 取模操作的思考 auto 前言 大佬的程序,边刷边总结边学语言. 题目697 697 程序 class Solution {p ...

  4. java 8 list,JAVA8 ListListInteger list中再装一个list转成一个list操作

    我就废话不多说了,大家还是直接看代码吧~ List collect = IntStream.range(1, 10).boxed().collect(Collectors.toList()); Lis ...

  5. 手机号星号_word把个人信息中的手机号其中四位设成星号的操作步骤图解

    在生活办公中,大家经常见到word把个人信息中的手机号其中四位设成星号.怎么样开启这项功能呢?对此感兴趣的用户可以看我今天分享的下文word把个人信息中的手机号其中四位设成星号的操作步骤图解. wor ...

  6. java中pdf写成base64文件流,Java操作pdf文件与Base64编码相互转换与文件流操作

    1.第一步,引入bc包的安装依赖. 在pom.xml中引入. org.bouncycastle bcprov-jdk15on 1.60 引入后reimport一下项目. 2.pdf文件转换成Base6 ...

  7. struts2中使用标签操作静态方法等

    2019独角兽企业重金招聘Python工程师标准>>> 有的时候对<%%>特别敏感,不想用jsp的<% %>来调用java类中的静态方法,这时候我们可以用st ...

  8. git分支/标签操作

    git分支类似于某一个模块,等到所有模块开发完毕时,最后聚合在一起形成一个项目.而分支之间一般是不会受影响的. git 分支的基本操作: git branch branchname 表示创建分支,新建 ...

  9. uscao 线段树成段更新操作及Lazy思想(POJ3468解题报告)

    线段树成段更新操作及Lazy思想(POJ3468解题报告) 标签: treequerybuildn2cstruct 2011-11-03 20:37 5756人阅读 评论(0) 收藏 举报  分类: ...

  10. Git之常见的标签操作

    目录 标签管理 创建标签 操作标签 标签管理 发布一个版本时,我们通常先在版本库中打一个标签(tag),这样,就唯一确定了打标签时刻的版本.将来无论什么时候,取某个标签的版本,就是把那个打标签的时刻的 ...

最新文章

  1. 【JMAIL】jmail无法收邮件问题
  2. 艺术是什么?不懂很难泡到妞!
  3. php 发送会议邮件,php – 为什么Outlook想删除以编程方式发送的当前会议邀请?...
  4. for循环批量写文件 shell_shell之for循环的3个简单脚本
  5. ospf工作原理_OSPF动态路由配置经典案例
  6. C语言 static - C语言零基础入门教程
  7. Java知识点总结(反射-获取类的信息)
  8. 每日一练丨性能优化-实例优化(三)
  9. JS的parent对象
  10. 怎么用命令开远程主机的telnet服务1
  11. 案例4-4 Windows消息队列 (25 分)(优先队列的优先级设定)
  12. css设置遮罩层(半透明)
  13. matlab 电力系统分析 毕设,毕设开题报告_-基于matlab中电力系统模块集(psb的电力系统仿真研究.doc...
  14. imax 6UI的按键输入子系统input 注意点
  15. Warning: phpinfo() has been disabled for secur...
  16. 【刘晓燕长难句分析】1.简单句
  17. python安装失败0x80070005_win10下载安装软件时提示“0x80070005-拒绝访问”
  18. linux内核Ethernet以太网卡驱动收发数据过程
  19. android 跑马灯出现重复跳动、不滚动问题
  20. 华为区块链白皮书(一)

热门文章

  1. 我对视频“分辨率”的理解以及在电视上显示的理解
  2. 服务器端Server-U忘记密码的解决办法
  3. 7-113 特立独行的幸福 (20 分) C语言
  4. 关于运放的压摆率(SR)和增益带宽积(GBP)
  5. Mysql重装问题—删除注册表
  6. numpy中的meshgrid函数
  7. 【转】diff详解,读懂diff结果
  8. 总结移动端video视频播放的坑
  9. Linux基础命令(非常详细)
  10. epub文件是什么文件?如何在IOS苹果手机上打开?