代码之家  ›  专栏  ›  技术社区  ›  melaos

如何用Prototype隐藏Amazon webstore默认工具栏?

  •  0
  • melaos  · 技术社区  · 15 年前

    今天早上玩过之后,我发现amazon网上商店中有一个默认的html代码块,它会在页面顶部添加一个工具栏。html如下所示:

        <td id="wba_logo_bg">
    <table class="logo" border="0" cellpadding="0" cellspacing="0" width="100%">
    <tbody><tr><td align="left"></td>
    <td class="wba_account" style="padding: 5px;" align="right" valign="top">
    <table border="0" cellpadding="0" cellspacing="0">
    <form action="#" id="searchForm" method="get" name="searchForm"></form>
    <tbody><tr><td class="wba_account_link">
    <a xmlns:xhtml="http://www.w3.org/1999/xhtml" class="myAccountNav" href="#" onclick="return false;">home</a></td>
    <td class="myAccountDots"></td>
    <td class="wba_account_link"><a class="myAccountNav" href="#" onclick="return false;">view cart</a></td>
    <td class="myAccountDots"></td><td class="wba_account_link"><a class="myAccountNav" href="#" onclick="return false;">my account</a></td>
    <td class="myAccountDots"></td><td class="wba_account_link"><a class="myAccountNav" href="#" onclick="return false;">order status</a></td>
    <td><img src="pageEditor_files/1_pixel.gif" hspace="7"></td>
    <td><input name="keyword" tabindex="1" type="text"></td>
    <td><img alt="Search" class="wba_search_btn" onclick="return false;" onkeyup="if (13==event.keyCode) searchForm.submit();" 
    src="pageEditor_files/btn_search.gif" style="cursor: pointer;" tabindex="2" title="Search" hspace="3">
    </td></tr></tbody>
    </table>
    </td></tr></tbody>
    </table>
    
    </td>
    

    到目前为止,我能够使用prototype找到那些类名为wba\u account\u link的,并通过下面的代码隐藏它们:

        function hideAmazonToolbar()
    {
        $("#wba_logo_bg").hide();
    }//end function
    

    再往上一点,很明显有一个td和一个id,并解决它使用原型隐藏函数!伙计,我喜欢javascript框架:)

    1 回复  |  直到 13 年前
        1
  •  1
  •   Andy Gaskell    15 年前

    你想要那个 up 功能。我想应该这样做。

    document.getElementsByClassName('wba_account_link').up('tbody');