欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-03-19 19:49:48
...
这次给大家带来怎么操作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放在页面显示的代码后面

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

推荐阅读:

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

在表单中button与input的区别

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