Javascript JS-获取并插入URL var divs=document.getElementsByClassName('clsItemBlock'); 对于(变量i=0;i

Javascript JS-获取并插入URL var divs=document.getElementsByClassName('clsItemBlock'); 对于(变量i=0;i,javascript,getelementbyid,Javascript,Getelementbyid,上面的代码可以工作,并为类别页面上的每个产品添加一个“查看详细信息”按钮。我现在需要做的是从另一个元素获取URL,并交换掉上面示例中当前的内容 它本质上是类“clsitemoredetails”中的第一个href。我已经找到了一些代码块来完成一些工作,但似乎无法将它们全部拼凑在一起 编辑 以下是HTML: var divs = document.getElementsByClassName('clsItemBlock'); for (var i = 0; i < divs.length;

上面的代码可以工作,并为类别页面上的每个产品添加一个“查看详细信息”按钮。我现在需要做的是从另一个元素获取URL,并交换掉上面示例中当前的内容

它本质上是类“clsitemoredetails”中的第一个href。我已经找到了一些代码块来完成一些工作,但似乎无法将它们全部拼凑在一起

编辑

以下是HTML:

var divs = document.getElementsByClassName('clsItemBlock');

for (var i = 0; i < divs.length; i++) {

    var iDiv = document.createElement('div');

    iDiv.id = 'detail_button';

    document.getElementsByClassName('clsItemPublished')[i].appendChild(iDiv);

    iDiv.innerHTML = '<a href="###">View Details</a>';
}

68.24美元 美元


理论上,你应该这样做:

<div class="clsItemMoreDetails">
    <a title="Strapless Ruffle Dress" class="onlineUser" href="http://www.runwaycrush.com/women/dresses/strapless-ruffle-dress.html">
        <p class="clsItemHead">Strapless Ruffle Dress</p>
    </a>
    <div class="clsCategorydateBlock clsOverflow">
        <p class="clsItemCategory">
            <a href="http://www.runwaycrush.com/shop/ocean-avenue.html" title="Check out OceanAvenue's store">
                <span>OceanAvenue</span>
            </a>
        </p>
        <p class="clsItemPublished">$68.24
            <span>USD</span>
        </p>
    </div>
</div>
var url=document.getElementById(“某些元素的id”).href;
iDiv.innerHTML='';

假定其他元素具有
href
属性。

无法回答。缺少重要信息,如url与按钮位置的关系。问题中的代码是如何执行的,url是如何检索的?我在上面添加了一段html-希望有帮助!您在js fie的第一行引用了#clsItemBlock-它在您的代码片段中的什么位置?这是它的内容-或者它的一大块。这段代码中的某些内容导致它没有显示按钮:“+url”更新了答案。错过了
url右侧的加号
我稍微修改了一下,现在它可以工作了。非常感谢。var divs=document.getElementsByClassName('clsItemBlock');对于(var i=0;ivar url = document.getElementById("#id_of_some_element").href; iDiv.innerHTML = '<a href="' + url + '">View Details</a>';