JS替换class下的部分A标签的内容

Question

<div id="sider">
<div id="search"></div>
<div class="siderlists">
  <h2>赞助商链接</h2>
    <ul>
<li><a href="http://www.230wz.cn" target="_blank">力冲网赚</a></li>
<li><a href="http://www.wxue8.cn" target="_blank">网学吧</a></li>
<li><a href="http://230wz.blogbus.com" target="_blank">爱上你</a></li>
    </ul>
</div>
<div id="search"></div>
<div class="siderlists">
  <h2>热门内容</h2>
  <ul>
        <li><a href="article-3041801-1.html" title="天天上网赚不到钱？neobux给我们带来福音">天天上网赚不到钱？n...</a></li>
      </ul>
</div>
<div class="siderlists">
  <h2>热门图片</h2>
  <ul>
    </ul>
</div>
    <div class="siderlists">
  <h2>最新评论</h2>
  <ul>
                <li>没有任何最新评论</li>
              </ul>
</div>
      </div>上面的代码我无法改动，现在我想用JS替换第一个siderlists类下的三个A标签的链接及显示的文字，（就是那赞助商链接及里面的三个链接）或者把它隐藏掉，换其它的代码。该怎么实现？

Answer 1

link = document.getElementsByTagName("A")
for(i=0;i<link.length;i++)
{
//根据判断条件处理
alert(link[i].href)
}

Answer 2

一种解决方法，利用DOM方式，比较保险，代码如下：<div id="sider">
    <div id="search"></div>
    <div class="siderlists">
        <h2>赞助商链接</h2>
        <ul>
            <li><a href="http://www.230wz.cn" target="_blank">力冲网赚</a></li>
            <li><a href="http://www.wxue8.cn" target="_blank">网学吧</a></li>
            <li><a href="http://230wz.blogbus.com" target="_blank">爱上你</a></li>
        </ul>
    </div>
    <div id="search"></div>
    <div class="siderlists">
        <h2>热门内容</h2>
        <ul>
            <li><a href="article-3041801-1.html" title="天天上网赚不到钱？neobux给我们带来福音">天天上网赚不到钱？n...</a></li>
        </ul>
    </div>
    <div class="siderlists">
      <h2>热门图片</h2>
      <ul>
        </ul>
    </div>
    <div class="siderlists">
        <h2>最新评论</h2>
        <ul>
            <li>没有任何最新评论</li>
        </ul>
    </div>
</div>
<script type="text/javascript">
// get element set by class name
function getElementsByClassName(tagName, className) {
    var divs   = document.getElementsByTagName(tagName),
        result = [],
        i       = 0,
        len       = divs.length;
    for(; i<len; i++) {
        var item = divs[i];
        if(item.className == className) {
            result.push(item);
        }
    }
    return result;
}
window.onload = function() {
    // get target anchor element using DOM
    var target = getElementsByClassName('div', 'siderlists')[0].getElementsByTagName('li')[2];
    // remove this element from document
    target.parentNode.removeChild(target);
};
</script>
Enjoy!

Answer 3

取出第一个className为siderlists的DIV,然后再取出该元素下所有的a，示例(使用easyUI的处理方式)：
var dsl = easyUI.getElementsBy('class','siderlists','div',document.getElementById('sider'))[0];
if(!dsl){return;}
var dsla = dsl.getElementsByTagName('a'),l = dsla.length;
for(var i=0;i<l;i++){dsl[i].style.display = 'none';}

Answer 4

2楼的朋友，谢谢你，可以是你这代码只能去掉第一个siderlists类下的第三个A标签内容，我是新手，需要完整内容。我需要把第一个siderlists下的全部内容替换成我想要的

Answer 5

你去迭代一下返回的所有记录就可以啦, 很好改的window.onload=function() {
    // get target anchor element using DOM
    var targets = getElementsByClassName('div','siderlists'),
        target  = null,
        i        = targets.length;
    for(; i > 0; i=i-1) {
        target = targets[i].getElementsByTagName('li')[2];
        // remove this element from document    
        target.parentNode.removeChild(target);
    }
};