html中如何到成对标签，操作html标签之到标签
引⼊
丰富多彩的html标签构成了⽹页。例如p,div,li,……。它们都有⾃⼰默认的样式，且各不⼀样，例如h1标签就⽐p标签的margin要⼤⼀些。我们学习css的⽬的是为了改变它们⾃⼰的默认样式，⽽按我们⾃⼰通过css代码设置的样式去呈现出来。
那我们学习js的⽬的是什么呢？两个字 “交互“。谁与谁交互？html页⾯与⽤户进⾏交互。例如：当我们把⿏标移动到某个标签上时，让他突出显⽰；当我们把⿏标从注册的表单中的⽂本框上移出时，提⽰我们两次输⼊的密码不⼀致；等等。当然，通过js我们还可以做让⽤户操作起来更⽅便，或者让页⾯显⽰起来更漂亮的事情。
这⼀切的提前是：我们要能够操作html标签。
1.到我们想要的标签：⼀切⼯作的开始。
⽅法⼀：给这个元素添加⼀个id，然后调⽤ElementById("元素的id名")。这是最简单最直接的⽅法
html
css
js
var li1 = ElementById("li1);
console.info(li1,typeof(li1));
你可能会在控制台中如下的结果 ：
(图1)
这样就说明我们成功地到了这个标签。存放这个标签的变量li1的类型是object。
[说明]
1).控制台打开的⽅法是：使⽤浏览器双击打开html页⾯后，右键，选择“审查元素”命令。然后你就慢慢吧。
2).如果你的id名称写的不对，就不到标签，li1的值就是null。
3).展开li#li1，你会发现⼀个宝藏。就好像把li1 解剖了，放在显微镜下⼀样，可以清楚地看到它的全部结构。关于这个部分的使⽤⽅法，在后⾯会介绍。这⾥只提两个: id：“li1” ，它表⽰说这个li 的id属性的值是li1；另⼀个是innerHTML:"html“，它表⽰说这个li的innerHTML属性值是“html“，也就是说这个li中的内容是html.
图2
⽅法⼆：通过标签名来到元素。我们可以使⽤类似于： 标签.getElementsByTagName("标签名")这样的语法来到我们需要的标签。讲到这个地⽅，我想我必须要把“标签”换个名字了，换成元素(或者节点)。因为在这个语境下，“标签“ 这个词已经不再合适了。我们可以这样来理解。
html中的标签                                                    dom中的元素
html                          li1
好，我们来看看如何中去通过TagName获取元素。
red
blue
html
css
js
var lis = ElementsByTagName("li");
console.info(lis,typeof(lis));
你得到的结果可能是：
看起来lis像是⼀个数组，因为它也被[]包起来了，并不是⼀个真正的数组，不过你基本上可以像使⽤数组⼀样去使⽤它。你可以通过：console.info(lis instanceof Array) 来验证它并不是⼀个数组。
操作html标签之到标签(续)
为了⽅便我们快速地到⼀些特殊的元素,js提供了⼏个有⽤的东东. 1.快速到根元素:document.documentElement和document.body.
2.obj.parentNode: ...
CSS层叠样式表--到标签
0 怎么学习CSS 1 CSS的四种引⼊⽅式 2 CSS的四种基本选择器 3 属性选择器 4 CSS伪类 5 CSS选择器优先级 6 CSS的继承性 怎么学习CSS 1.怎么到标签(CSS选择器) ...
@Autowired标签与 @Resource标签 的区别
Spring不但⽀持⾃⼰定义的@Autowired注解，还⽀持由JSR-250规范定义的⼏个注解，如:@Resource. @PostConstruct及
@PreDestroy. 1. @Autowi ...
第⼀篇-Html标签中head标签，body标签中input系列，textarea和select标签
第⼗四周课程(1-12章节) HTML 裸体 CSS  穿华丽⾐服 Javascript 动起来 ⼀ HTML (20个标签) 1.我们的浏览器是socket客户端 2.⼀套规则，浏览器认识的规则 ...
⼀、JSP标签介绍,⾃定义标签
⼀.JSP标签介绍 1. 标签库有什么作⽤ ⾃定义标签库是⼀种优秀的表现层技术，之前介绍的MVC模式，我们使⽤jsp作为表现层，但是jsp语法嵌套在html页⾯，美⼯还是很难直接参与开发，并且jsp脚 ...
Django框架(七)—— 模板层：变量、过滤器、标签、⾃定义标签和过滤器
⽬录 模板层：变量.过滤器.标签.⾃定义标签和过滤器 ⼀.模板层变量 1.语法 2.使⽤ ⼆.模板层之过滤器 1.语法 2.常⽤过滤器 3.其他过滤器 三.模板值标签 1.for标签 2.if标签 3 ...
Struts2标签库常⽤标签(转)
struts2标签讲解 要使⽤Struts2的标签，只需要在JSP页⾯添加如下⼀⾏定义即可:
从零开始学spring源码之xml解析(⼆)：默认标签和⾃定义标签解析
默认标签: 上⼀篇说到spring的默认标签和⾃定义标签，发现这⾥⾯东西还蛮多的.决定还是拆开来写.今天就来好好聊聊这两块是怎么玩的,⾸先我们先看看默认标签: private void parseDe ...
传智播客JavaWeb day07、day08-⾃定义标签&lpar；传统标签和简单标签)、mvc设计模式、⽤户注册登录注销
第七天的课程主要是讲了⾃定义标签.简单介绍了mvc设计模式.然后做了案例 1. ⾃定义标签 1.1 为什么要有⾃定义标签 前⾯所说的
EL.JSTL等技术都是为了提⾼jsp的可读性.可维护性.⽅便性⽽取 ...
随机推荐
storm基础系列之⼀----storm并发度概念剖析
前⾔: 学了⼏天storm的基础，发现如果有hadoop基础，再理解起概念来，容易的多.不过，涉及到⼀些独有的东西，如调度，如并发度，还是很⿇烦.那么，从这⼀篇开始,⼒争清晰的梳理这些知识. 在正式学 ...
Eclipse Svn 取消某些⽂件或⽂件夹的版本控制
SVN提交时，我们有时候需要将⼀些⽂件忽略掉，例如:maven项⽬中的target⽂件夹，可以将这些⽂件或⽂件夹设置成ignore来忽略这些⽂件或⽂件夹 1． 将⽂件夹或⽂件从Eclipse中删除.记 ...
Luncene 学习⼊门
Lucene是apache组织的⼀个⽤java实现全⽂搜索引擎的开源项⽬. 其功能⾮常的强⼤,api也很简单.总得来说⽤Lucene来进⾏建⽴ 和搜索和操作数据库是差不多的(有点像),Document ...
&lbrack；转]How WebKit’s Event Model Works
事务的ACID属性，图解并发事务带来问题以及事务的隔离级别
事务的概述 事务是指作为单个逻辑⼯作单元执⾏的⼀系列操作，要么完全地执⾏，要么完全地不执⾏. 事务处理可以确保除⾮事务性单元内的所有操作都成功完成，否则不会永久更新⾯向数据的资源.通过将⼀组相关操作组 ...
Python之进程 3 - 进程池和multiprocess.Poll
⼀.为什么要有进程池? 在程序实际处理问题过程中，忙时会有成千上万的任务需要被执⾏，闲时可能只有零星任务.那么在成千上万个任务需要被执⾏的时候，我们就需要去创建成千上万个进程么?⾸先，创建进程需要消耗 ...
MySQL优化之like关键字
1.%号不放最左边 ⽆法使⽤索引了，开头是不确定的,MySQL也⽆法进⾏优化了，只能扫描表了.
2.使⽤覆盖索引 如果业务需要%就放开头我们也没办法,⼀般情况需求都是这样的，毕竟优化还是为业务服务的. ...
[Jmeter] 将参数从Jenkins传递给Jmeter
Configuration in Jmeter Configuration in Jenkins
html中提交表单用什么属性
OLEDB 命令转换组件的⽤法
在数据流任务组件中,OLEDB 命令转换组件对输⼊的每⾏数据调⽤TSQL，该组件能够把输⼊的数据作为参数，因此，该转换组件主要⽤于运⾏参数化的查询. 命令转换组件的配置⼗分简单，只有三个可编辑属性，位 ...

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。