2020-3-26

题目一:
JavaScript 获取第n个li元素
下面有两种方法

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<style type="text/css">
ul{list-style:none}
</style>
<script>
window.onload=function(){let lis=document.getElementsByTagName("li");lis[1].style.color="blue";
}  
</script>  
</head>
<body><ul><li>第一行</li><li>第二行</li><li>第三行</li><li>第四行</li></ul>
</body>
</html>

在这里插入图片描述
代码分析如下:

  1. getElementsByTagName方法获取li元素集合,通过索引即可访问集合中对应的li元素。
  2. 索引值是从0开始计算的,也就是第一个li元素的索引是0,第二个是1,以此类推。
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<style type="text/css">
ul{list-style:none}
</style>
<script>
window.onload=function(){let li=document.querySelector("li:nth-child(2)");li.style.color="blue";
}  
</script>  
</head>
<body><ul><li>第一行</li><li>第二行</li><li>第三行</li><li>第四行</li></ul>
</body>
</html>

实现了同样的效果,将第二个li元素字体颜色设置为蓝色。
上述采用的是HTML5新增的querySelector方法,检索能力更为强大。
关于querySelector方法用法参阅querySelector()
方法。
关于方法中的选择器参阅CSS E:nth-child(n)一章节。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/449228.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Django路由(url)

1.基本配置 from django.conf.urls import urlfrom . import viewsurlpatterns [url(r^articles/2003/$, views.special_case_2003),url(r^articles/([0-9]{4})/$, views.year_archive),url(r^articles/([0-9]{4})/([0-9]{2})/$, views.month_archive),url(r^articles/([0-9]{…

熟悉,不等于能力

我们经常会看到有些人做事情非常熟练&#xff0c;不但快手快脚&#xff0c;而且不慌不忙、气定神闲。心中不禁油然产生钦佩之情&#xff0c;同时也认为他的能力很好。 只要假以时日&#xff0c;每个人都能够从生手变熟手&#xff0c;同时是品质效率很好的“熟手” 对一样事情…

高性能、高可靠分布式文件系统 go-fastdfs v1.2.0 发布

开发四年只会写业务代码&#xff0c;分布式高并发都不会还做程序员&#xff1f; go-fastdfs是一个基于http协议的分布式文件系统&#xff0c;它基于大道至简的设计理念&#xff0c;一切从简设计&#xff0c;使得它的运维及扩展变得更加简单&#xff0c;它具有高性能、高可靠、…

mysql格式化小数保留小数点后两位(小数点格式化)

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。在做项目的时候遇到一个问题&#xff0c;MYSQL格式化浮点数&#xff0c;保留两位小数点的问题。以下为个人在网上搜索普遍的答案&#xff…

2020-3-27

题目一&#xff1a; 通常情况下都从字符串的左边开始截取字符串&#xff0c;下面该如何从字符串的右边截取字符串。 代码如下 String.prototype.rightfunction(length_) { //获取字符串长度var _fromthis.length-length_; //截取后的字符串长度if(_from<0) _from0; ret…

zookeeper安装教程

1 安装环境 centos 7.4 jdk 1.8 zookeeper是java开发的&#xff0c;可以运行再windows,linux环境。 安装之前需要先安装号jdk. jdk的安装可以参见博文&#xff1a;http://www.cnblogs.com/jepson6669/p/8374699.html 2 安装过程 1 上传文件到Linux上 2 安装 1 解压到/usr/local…

读人、看人、做人(图)

读人 一个人就是一本书。读人&#xff0c;比读其他文字的书更难。在生活中&#xff0c;每个人都是书&#xff0c;每人又都是读者。我们认认真真地读&#xff0c;读了大半辈子&#xff0c;至今还没有读懂这本“人之书”。有首歌词是这样的&#xff1a;“明明白白我的心&#…

2020-3-28

题目一&#xff1a; 数组最大值和最小值 可以对数组进行一次遍历&#xff0c;通过比较&#xff0c;找到其最大&#xff08;最小&#xff09;值。或者使用简单的方法 Array.prototype.sort: var a [7,3,4,6,10]; a.sort(function(a,b){ return (a-b);}) console.log(a[0],a…

Python操作Excel删除一个Sheet

在使用Python进行数据分析处理&#xff0c;操作Excel&#xff0c;有时需要删除某个Excel里的某个sheet&#xff0c;这里记录一个我测试成功的一个办法 软件环境&#xff1a; 1、OS&#xff1a;Win 10 64位 2.Python 3.7 3、使用openpyxl这个库 4、在当前文件夹下准备一个xlsx格…

什么是 NoSQL 数据库、NoSQL 与 SQL 的区别

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 NoSQL 数据库是针对可扩展性能和无架构数据模型进行了优化的非关系数据库。 NoSQL 数据库也因其易于开发、延迟低且具有弹性而得到广泛…

mysql 索引的统计

查看一个库里面没有使用过的索引select object_type,object_schema,object_name,index_name,count_star,count_read,COUNT_FETCH from performance_schema.table_io_waits_summary_by_index_usage where object_schemabocat and count_star0 and count_read0and object_name no…

2020-3-29

题目一&#xff1a; JavaScript 获取div在页面中坐标 以div为例&#xff0c;获取一个元素在页面中的位置。 代码和 <!DOCTYPE html> <html> <head> <meta charset" utf-8"> <style type"text/css"> *{padding:0px;margin:0…

Java缓存浅析

拿破仑说&#xff1a;胜利属于坚持到最后的人。 而正巧&#xff0c;咱们今天就是要聊一个&#xff0c;关于怎么让系统在狂轰乱炸甚至泰山压顶的情况下&#xff0c;都屹立不倒并坚持到最后的话题——缓存。 Victory belongs to the most persevering. — Napoleon Bonaparte, Fr…

六个月学会一门语言

大多数人都会将学习第二语言&#xff08;或第三第四语言&#xff09;列为他们首先要完成的人生必做事情。但是&#xff0c;作为一个成人&#xff0c;怎样才能快速有效地学习新语言呢&#xff1f; Chris Lonsdale是一名来自新西兰的心理学家&#xff0c;他在香港开了一家公司。他…

Cookie 解说(分类、用途、缺陷、功能 ...)

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 Cookie&#xff08;复数形态Cookies&#xff09;&#xff0c;中文名称为“小型文本文件”或“小甜饼”&#xff0c;指某些网站为了辨别用…

需求规格说明书1.0

1.引言 1.1目的 该文档是关于我们组的记事本安卓APP和网页版本的功能和性能的描述&#xff0c;重点描述了系统的功能需求&#xff0c;并作为系统设计的主要输入。 本文档的预期读者包括&#xff1a;需求分析人员&#xff0c;设计人员&#xff0c;开发人员&#xff0c;项目管理人…

2020-3-30

题目一&#xff1a; JavaScript 将数组原有的顺序打乱 function le(){ //创建一个函数作为sort()函数的参数。return 0.5-Math.random(); //返回一个数字可能大于零也可能小于零&#xff0c;这样就可以实现随机排序功能&#xff0c; } var arr[]; //声明一个空数组。for(var i…

vuecli3+webpack4优化实践(删除console.log和配置dllPlugin)

本文主要介绍如何在vuecli3生成的项目中&#xff0c;打包输出时删除console.log和使用dllplugin&#xff0c;并记录了配置过程中踩到的坑。 &#xff08;本人水平有限&#xff5e;希望大家多多指出有误的地方&#xff09; 一、生产环境中删除console.log 在开发代码中写的conso…

伤肾的九个恶习及解决办法(图)

近年来&#xff0c;很多人都在通过各种药物保护肾脏&#xff0c;其实&#xff0c;在生活中形成的各种不良饮食和生活习惯在不停地伤害你的肾&#xff0c;只是你未曾注意到而已。所以要保护好你的肾脏&#xff0c;必须从改变不良饮食和生活习惯开始。 不爱喝水 大部分男人对喝…

CC-BY-NC-SA (创作共用许可协议)

创作共用许可协议 &#xff08;英语&#xff1a;Creative Commons license&#xff0c;简称CC许可&#xff09; 是一种公共版权许可协议&#xff0c;其允许分发受版权保护的作品。一个创作共用许可&#xff0c;用于一个作者想给他人分享、使用、甚至创作派生作品的权利。创作共…