js中无法设置元素的href和src

问题描述 投票:0回答:1

我有这个javascript代码:

var footerDiv = document.getElementsByClassName("copyright")[0];

window.addEventListener('load', function() {
    var button = document.createElement('button')
    footerDiv.append(button)
    button.src = 'https://img.shields.io/badge/';
    button.href = "https://github.com/";
    button.id = 'srcButton';
})

但是当我运行代码时,按钮不会出现(显示为点“.”),并且它没有 src 和 href 属性。

请帮助我。谢谢

javascript html dom href src
1个回答
1
投票

按钮元素没有

src
href
属性。相反,您可以使用图像和锚元素来完成您的任务

var footerDiv = document.getElementsByClassName("copyright")[0];

window.addEventListener('load', function() {
    var a = document.createElement('a');
    a.id='srcButton';
    a.href = "https://github.com/AnonHexo/public-scripts";
    
    var img = document.createElement('img');
    img.src = 'https://img.shields.io/badge/%20-ComuBot--Tranlator-%23159818';
    a.append(img)
    footerDiv.append(a)
})
<div class="copyright"></div>

© www.soinside.com 2019 - 2024. All rights reserved.