JS - 获取并插入 URL

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

上面的代码有效并为类别页面上的每个产品添加了一个 'View Detail' 按钮。我现在需要做的是从另一个元素中获取 URL 并换出上面示例中当前 ### 的内容。

它本质上是 class "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">.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

JS - Get and Insert URL

javascript

getelementbyid