如何在li加载时为其设置高度，请高手帮忙。

<li><script></script></li>
我想直接在其中添加js为li设置高度，关键是我怎么获取这个li，如果不用id可以实现吗，请高手帮忙。

解决方案 »

  1.   

    不建议这么做。但是要实现可以这样<!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="gbk" />
    <title></title>
    <style>
    div {
    border:1px solid red;
    }
    </style>
    </head>
    <body>
    <div>
    123
    <script type="test">
    this.style.height = '200px';
    </script>
    </div>

    <script>
    ~function() {
    var scripts = document.getElementsByTagName('script'),
    script, i = 0;
    while (script = scripts[i++]) {
    if (/test/.test(script.type)) {
    (new Function(script.innerHTML)).call(script.parentNode);
    }
    }
    }();
    </script>
    </body>
    </html>
      

  2.   

    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/JavaScript">
    $(function(){
    $("#abv").click(function(){
    $('li').each(function(){
    if($(this).html()==2){
    $(this).height(33);
    }
    });
    });
    })
    </script><input type="button" id="abv" value="测试用按钮" />
    <li>1</li>
    <li>b1 (-8)</li>
    <li>b2 (-7)</li>
    <li>b3 (-6)</li>
    <li>b4 (-5)</li>
    <li>2</li>
    <li>b6 (-3)</li>
    <li>b7 (-2)</li>
    <li>b8 (-1)</li>