获取当前的 li 是第几个要怎么写 鼠标经过li 提示 在第几 javascript 高手来

获取当前的 li 是第几个要怎么写 鼠标经过li 提示 在第几 javascript 高手来,第1张

这,需要借助dom的相关知识。可能需要遍历父元素的子元素来完成li的定位,不过效率可能不高。

给个例子,第一访问的时候缓存li的序列,需要一些辅助的属性和空间:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">

<dl>适合于列表内容项,一个大标题,下面几个小标题的那种

<tr><td>(HTML中没有<tl>,估计是你笔误吧),是<table>里的标签,这个适合于做表格,在早期都是拿来布局的,后来被<div>给代替了

<ul><li>无序列表,适用于那种不需要指明数字序号的列表,没有顺序的列表

<ol><li>有序列表,顾名思义,就是需要按一定顺序排列的列表

他们的表现形式,你可以把代码打出来,观察下就知道了,我把他们打出来了,你可以看下他们的区别

<!DOCTYPE html>

<html lang="zh-cn">

<head>

  <meta charset="UTF-8">

  <title></title>

</head>

<body>

  <dl>

    <dt>前端技术点</dt>

    <dd>HTML</dd>

    <dd>CSS</dd>

    <dd>JavaScript</dd>

    <dt>Java开发</dt>

    <dd>Java Web</dd>

  </dl>

  <table border="1">

    <tr>

      <td>这个是表格</td>

      <td>这个是表格</td>

      <td>这个是表格</td>

    </tr>

    <tr>

      <td>这个是表格</td>

      <td>这个是表格</td>

      <td>这个是表格</td>

    </tr>

  </table>

  <ul>

    <li>这个是无序列表</li>

    <li>这个是无序列表</li>

    <li>这个是无序列表</li>

  </ul>

  <ol>

    <li>这个是有序列表</li>

    <li>这个是有序列表</li>

    <li>这个是有序列表</li>

    <li>这个是有序列表</li>

    <li>这个是有序列表</li>

  </ol>

</body>

</html>

普通的显示数据的时候,ul就是项目列表,li就是列表项。可以用来显示数据。

如果用于DIV+CSS布局的话,ul+li可以替换表格的作用,具体的设置,如果宽度高度、行间距、背景边框等需要配合CSS一起设置。

以上就是关于获取当前的 li 是第几个要怎么写 鼠标经过li 提示 在第几 javascript 高手来全部的内容,包括:获取当前的 li 是第几个要怎么写 鼠标经过li 提示 在第几 javascript 高手来、HTML中<dl>下的<dt><dd>标签和<tl><td>及有序列无序<ul><li>和<ol、html中ul和li标签的用法等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/10122147.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-05
下一篇 2023-05-05

发表评论

登录后才能评论

评论列表(0条)

保存