html中如何找到成对标签,操作html标签之找到标签
引入
丰富多彩的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标签之找到标签相关推荐
- 一个通用中间组件,简单通用的适配 ViewPager,以及 pager 中的 RecycleView 简化复杂的操作,简单直接。
EasyTabPager 项目地址:ccj659/EasyTabPager 简介:一个通用中间组件,简单通用的适配 ViewPager,以及 pager 中的 RecycleView 简化复杂的操作 ...
- 嵌入式学习之C语言运算符标签操作
C语言运算符标签操作 指针运算符加减标签操作 指针作为一种特殊的变量,它的运算和普通变量是有一定区别的.指针在运算中并没有具备其它变量所有的性能.我们只是给大家介绍一些指针常用的运算: 加法运算(+, ...
- leetcode(3)——697. 数组的度(C++版本注释)(map容器),448. 找到所有数组中消失的数字(取余操作,C++中的auto类型)
文章目录 前言 697 程序 思路 收获 map容器 448 程序 收获 取模操作的思考 auto 前言 大佬的程序,边刷边总结边学语言. 题目697 697 程序 class Solution {p ...
- java 8 list,JAVA8 ListListInteger list中再装一个list转成一个list操作
我就废话不多说了,大家还是直接看代码吧~ List collect = IntStream.range(1, 10).boxed().collect(Collectors.toList()); Lis ...
- 手机号星号_word把个人信息中的手机号其中四位设成星号的操作步骤图解
在生活办公中,大家经常见到word把个人信息中的手机号其中四位设成星号.怎么样开启这项功能呢?对此感兴趣的用户可以看我今天分享的下文word把个人信息中的手机号其中四位设成星号的操作步骤图解. wor ...
- java中pdf写成base64文件流,Java操作pdf文件与Base64编码相互转换与文件流操作
1.第一步,引入bc包的安装依赖. 在pom.xml中引入. org.bouncycastle bcprov-jdk15on 1.60 引入后reimport一下项目. 2.pdf文件转换成Base6 ...
- struts2中使用标签操作静态方法等
2019独角兽企业重金招聘Python工程师标准>>> 有的时候对<%%>特别敏感,不想用jsp的<% %>来调用java类中的静态方法,这时候我们可以用st ...
- git分支/标签操作
git分支类似于某一个模块,等到所有模块开发完毕时,最后聚合在一起形成一个项目.而分支之间一般是不会受影响的. git 分支的基本操作: git branch branchname 表示创建分支,新建 ...
- uscao 线段树成段更新操作及Lazy思想(POJ3468解题报告)
线段树成段更新操作及Lazy思想(POJ3468解题报告) 标签: treequerybuildn2cstruct 2011-11-03 20:37 5756人阅读 评论(0) 收藏 举报 分类: ...
- Git之常见的标签操作
目录 标签管理 创建标签 操作标签 标签管理 发布一个版本时,我们通常先在版本库中打一个标签(tag),这样,就唯一确定了打标签时刻的版本.将来无论什么时候,取某个标签的版本,就是把那个打标签的时刻的 ...
最新文章
- 【JMAIL】jmail无法收邮件问题
- 艺术是什么?不懂很难泡到妞!
- php 发送会议邮件,php – 为什么Outlook想删除以编程方式发送的当前会议邀请?...
- for循环批量写文件 shell_shell之for循环的3个简单脚本
- ospf工作原理_OSPF动态路由配置经典案例
- C语言 static - C语言零基础入门教程
- Java知识点总结(反射-获取类的信息)
- 每日一练丨性能优化-实例优化(三)
- JS的parent对象
- 怎么用命令开远程主机的telnet服务1
- 案例4-4 Windows消息队列 (25 分)(优先队列的优先级设定)
- css设置遮罩层(半透明)
- matlab 电力系统分析 毕设,毕设开题报告_-基于matlab中电力系统模块集(psb的电力系统仿真研究.doc...
- imax 6UI的按键输入子系统input 注意点
- Warning: phpinfo() has been disabled for secur...
- 【刘晓燕长难句分析】1.简单句
- python安装失败0x80070005_win10下载安装软件时提示“0x80070005-拒绝访问”
- linux内核Ethernet以太网卡驱动收发数据过程
- android 跑马灯出现重复跳动、不滚动问题
- 华为区块链白皮书(一)