怎么用JS把LI元素里的title内容注定给其他的li元素呢。

本帖最后由 kskkdjj 于 2011-04-15 14:25:34 编辑

解决方案 »

  1.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head><body>
    <ul id="bbj">
    <li id="a1" title="这是一个名字">1</li>
    <li id="a2">2</li>
    <li id="a3">3</li>
    <li id="a4">4</li>
    <li id="a5">5</li>
    <li id="a6">6</li>
    <li id="a7">7</li>
    <li id="a8">8</li>
    </ul>
    <ul id="bbk">
    <li id="b1" title="这是另一个名字">A</li>
    <li id="b2">B</li>
    <li id="b3">C</li>
    <li id="b4">D</li>
    <li id="b5">E</li>
    <li id="b6">F</li>
    <li id="b7">G</li>
    <li id="b8">H</li>
    </ul>
    <script type="text/javascript">
    var UL1 = document.getElementById('bbj');
    var UL2 = document.getElementById('bbk');
    function copyTitle(objUL) {
    var lis = objUL.getElementsByTagName('li');
    var t = lis[0].title;
    for (var i = 1; i < lis.length; i ++) lis[i].title = t;
    }
    copyTitle(UL1);
    copyTitle(UL2);
    </script>
    </body>
    </html>
      

  2.   

    修改title样式、显示速度之类的只能通过层来模拟实现，比如基于jQuery的Tooltip插件：
    http://jquery.bassistance.de/tooltip/demo/
      

  3.   


    document.getElementById("bbj").getElementsByTagName("li")[0].title="这是一个名字"document.getElementById("bbj").getElementsByTagName("li")[0].title=document.getElementById("bbj").getElementsByTagName("li")[4].title
    显示速度是什么 ？
      

  4.   

    这个能不能指定li[0]的title=""内容指定等于li[4]li[5]li[7]li[9]，
    能用数组指定他等于哪些吗？
      

  5.   

    这个代码量太庞大了，有点得不偿失了,还没onMouseOver来的实际。
      

  6.   

    这个容易，稍微修改一下就行了：
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head><body>
    <ul id="bbj">
    <li id="a1">1</li>
    <li id="a2">2</li>
    <li id="a3">3</li>
    <li id="a4">4</li>
    <li id="a5">5</li>
    <li id="a6">6</li>
    <li id="a7">7</li>
    <li id="a8">8</li>
    </ul>
    <ul id="bbk">
    <li id="b1">A</li>
    <li id="b2">B</li>
    <li id="b3">C</li>
    <li id="b4">D</li>
    <li id="b5">E</li>
    <li id="b6">F</li>
    <li id="b7">G</li>
    <li id="b8">H</li>
    </ul>
    <script type="text/javascript">
    var UL1 = document.getElementById('bbj');
    var UL2 = document.getElementById('bbk');
    function copyTitle(objUL, tt, arr) {
    var lis = objUL.getElementsByTagName('li');
    for (var i = 0; i < arr.length; i ++) lis[arr[i]].title = tt;
    }
    copyTitle(UL1,'这是一个标题',Array(4,6,7)); //给第5、7、8个列表项设置标题
    </script>
    </body>
    </html>
      

  7.   

    红色部分可以用变量缩成一句吗？
    <ul id="bb1">
    <li id="a1">1</li>
    <li id="a2">2</li>
    <li id="a3">3</li>
    <li id="a4">4</li>
    <li id="a5">5</li>
    <li id="a6">6</li>
    <li id="a7">7</li>
    <li id="a8">8</li>
    </ul>
    <ul id="bb2">
    <li id="b1">A</li>
    <li id="b2">B</li>
    <li id="b3">C</li>
    <li id="b4">D</li>
    <li id="b5">E</li>
    <li id="b6">F</li>
    <li id="b7">G</li>
    <li id="b8">H</li>
    </ul>
    <ul id="bb3">
    <li id="b1">A</li>
    <li id="b2">B</li>
    <li id="b3">C</li>
    <li id="b4">D</li>
    <li id="b5">E</li>
    <li id="b6">F</li>
    <li id="b7">G</li>
    <li id="b8">H</li>
    </ul>
    <script type="text/javascript">
    var UL1 = document.getElementById('bb1');
    var UL2 = document.getElementById('bb2');
    var UL3 = document.getElementById('bb3');    function copyTitle(objUL, tt, arr) {
        var lis = objUL.getElementsByTagName('li');
        for (var i = 0; i < arr.length; i ++) lis[arr[i]].title = tt;
    }
    copyTitle(UL1,'这是一个标题',Array(4,6,7));
    copyTitle(UL1,'这是一个标题',Array(4,6,7));
    copyTitle(UL1,'这是一个标题',Array(4,6,7));
      

  8.   

    <ul id="bb1">
    <li id="a1">1</li>
    <li id="a2">2</li>
    <li id="a3">3</li>
    <li id="a4">4</li>
    <li id="a5">5</li>
    <li id="a6">6</li>
    <li id="a7">7</li>
    <li id="a8">8</li>
    </ul>
    <ul id="bb2">
    <li id="b1">A</li>
    <li id="b2">B</li>
    <li id="b3">C</li>
    <li id="b4">D</li>
    <li id="b5">E</li>
    <li id="b6">F</li>
    <li id="b7">G</li>
    <li id="b8">H</li>
    </ul>
    <ul id="bb3">
    <li id="b1">A</li>
    <li id="b2">B</li>
    <li id="b3">C</li>
    <li id="b4">D</li>
    <li id="b5">E</li>
    <li id="b6">F</li>
    <li id="b7">G</li>
    <li id="b8">H</li>
    </ul>
    <script type="text/javascript">
    var UL1 = document.getElementById('bb1');
    var UL2 = document.getElementById('bb2');
    var UL3 = document.getElementById('bb3');    function copyTitle(objUL, tt, arr) {
      var lis = objUL.getElementsByTagName('li');
      for (var i = 0; i < arr.length; i ++) lis[arr[i]].title = tt;
    }
    copyTitle(UL1,'这是一个标题',Array(4,6,7));
    copyTitle(UL2,'这是一个标题',Array(1,6,7));
    copyTitle(UL3,'这是一个标题',Array(4,5,7));
      

  9.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head><body>
    <ul id="bb1">
    <li id="a1">1</li>
    <li id="a2">2</li>
    <li id="a3">3</li>
    <li id="a4">4</li>
    <li id="a5">5</li>
    <li id="a6">6</li>
    <li id="a7">7</li>
    <li id="a8">8</li>
    </ul>
    <ul id="bb2">
    <li id="b1">A</li>
    <li id="b2">B</li>
    <li id="b3">C</li>
    <li id="b4">D</li>
    <li id="b5">E</li>
    <li id="b6">F</li>
    <li id="b7">G</li>
    <li id="b8">H</li>
    </ul>
    <ul id="bb3">
    <li id="b1">A</li>
    <li id="b2">B</li>
    <li id="b3">C</li>
    <li id="b4">D</li>
    <li id="b5">E</li>
    <li id="b6">F</li>
    <li id="b7">G</li>
    <li id="b8">H</li>
    </ul>
    <script type="text/javascript">
    function copyTitle(u, tt, arr) {
    var lis = document.getElementById(u).getElementsByTagName('li');
    for (var i = 0; i < arr.length; i ++) lis[arr[i]].title = tt;
    }
    copyTitle('bb1','这是一个标题',Array(4,6,7)); //给第5、7、8个列表项设置标题
    copyTitle('bb3','这是另一个标题',Array(2,3));
    </script>
    </body>
    </html>