Question

我想使用javascript或HTML为这样的事情生成动态href链接

<a target="_self" href="detail.aspx?videoID={@ID}">
    <img src="{@AlternateThumbnailUrl}" alt="{@Title}" width="400" />
</a>

Answer 1

因此，您可以在javascript中使用字符串连接构建href。我不知道你试图通过什么样的参数而没有更具体的例子

var example = "ww.google.com";
var exampleHref = "http://" + google;

然后，您可以使用此href属性

创建新的DOM节点

// get some parent div with id
var div = document.getElementById('someDiv');

// create <a> tag
var tag = document.createElement(a);

// set the href attribute
tag.setAttribute('href', exampleHref);

// append the node to the parent
div.appendChild(tag);

因此，给定额外的信息，您可以编写一个JavaScript函数来创建所需的字符串，然后从中获取结果并创建所需的DOM节点。

将父节点放在要插入的位置，然后是上面给出的参数

function insertDOM(parentNode, id, altUrl, title) {

    // create <a> tag and <img> tag
    var aTag = document.createElement(a);
    var imgTag = document.createElement(img);

    // set the appropriate properties
    aTag.setAttribute(href, id);
    aTag.setAttribute(target,'_self');

    imgTag.setAttribute(src, altUrl);
    imgTag.setAttribute(alt, alt);
    imgTag.setAttribute(width, 400);

    // attach the img tag to a, then a to the parent
    aTag.appendChild(imgTag);
    parentNode.appendChild(aTag);
}

你可以这样称呼它：

// get parent node
var div = document.getElementById('something');
insertDOM(div, id, altUrl, title);

如何生成动态href？

1 个答案: