当前位置:Gxlcms > JavaScript > 怎么操作JS里的无序列表属性

怎么操作JS里的无序列表属性

时间:2021-07-01 10:21:17 帮助过:7人阅读

这次给大家带来怎么操作JS里的无序列表属性,操作JS里的无序列表属性的注意事项有哪些,下面就是实战案例,一起来看一下。

今天考试了,整理一下错题。

1.无序列表的属性

  list-style 分为三小类

    (1)list-style-type

      none:无标记。  disc:实心圆(默认)。  circle:空心圆。

      square:实心方块。  decimal:数字。

    (2)list-style-position

      inside 数字或者方格样式在li的里面,占用li的宽度

      outside则是在li的外面,不占用li的宽度

    (3)list-style-image 使用图像来替换列表项的标记

2.隐藏的四种方式

  (1)visibility:hidden将元素隐藏,但是在网页中该占的位置还是占着

  (2)display :none 元素显示为无,不占位置。

  (3)opacity:0 透明度

  (4)height:0 高度为0

简单介绍一下JavaScript

  脚本语言 用来做特效 表单验证

1.组成 (1)ECMAScript 核心

   (2) Bom 浏览器对象模型

     Window 窗口

     History 历史记录

     Location 地址

     Document(文档 提交点击)

  (3)Dom 文档对象模型。

引外部文件<script type=“text/javascript” src=></script> 双标签

2.分类

(1)行内< onClick=”alert()”>

(2)内嵌 (位置不限)

<script type=”text/javascript”>

     alert();

    </ script >

    <script type=”text/javascript”>

     Function xxx(){

          alert();

        }

  </ script >

  (3)外部

注释// 单行注释 /**/css的注释用在js里是多行注释

按顺序执行 所以js放在页面显示的代码后面

相信看了本文案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!

推荐阅读:

jest测试react native组件的步奏是什么

在表单中button与input的区别

以上就是怎么操作JS里的无序列表属性的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行