Question

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>';
}

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

它本质上是“clsItemMoreDetails”类中的第一个href。我已经找到了大量的代码来做一些事情，但似乎无法将它们拼凑在一起。

修改的

这是HTML：

<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>

Answer 1

理论上你应该做这样的事情：

var url = document.getElementById("#id_of_some_element").href;
iDiv.innerHTML = '<a href="' + url + '">View Details</a>';

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

JS - 获取并插入URL

1 个答案: