日期:2014-05-16  浏览次数:20419 次

如何模拟点击没有id的元素

<div id="J_juValid" class="tb-action tb-clearfix ">
  <div class="tb-btn-buy">
    <a href="#" data-addfastbuy="true" title="点击此按钮,到下一步确认购买信息。" class=" J_LinkBuy tb-iconfont">立即购买<b class=" J_LinkBuy">立即购买</b>
    </a>
  </div>
  <div class="tb-btn-add">
    <a href="#" title="加入购物车" class="tb-iconfont J_LinkAdd">
      <i>加入购物车</i>加入购物车<b>
      </b>
    </a>
  </div>
</div>

比如我要模拟点击淘宝的立即购买。我知道document.getElementById可以模拟点击右id的,但是淘宝这个立即购买没有ID,怎么模拟点击呢?

------解决方案--------------------
<html>
<head></head>
<body>

    <div id="J_juValid" class="tb-action tb-clearfix ">
      <div class="tb-btn-buy">
        <a href="#" data-addfastbuy="true" title="点击此按钮,到下一步确认购买信息。" class=" J_LinkBuy tb-iconfont">立即购买<b class=" J_LinkBuy">立即购买</b>
        </a>
    </div>
    <div class="tb-btn-add">
        <a href="#" title="加入购物车" class="tb-iconfont J_LinkAdd">
          <i>加入购物车</i>加入购物车<b>
      </b>
  </a>
</div>
</div>
<script type="text/javascript">

    var aObj = document.getElementsByTagName("a")[0]
    aObj.onclick = function(){
        alert('11111')
    }

</script>

</body>
</html>

------解决方案--------------------
var aObj = document.getElementById("J_juValid").children[0].children[0];