使用属性数据加载内容

Question

我有一个投资组合：当我点击图像时，会出现一个模态窗口并显示一个标题和一个更大的图像。标题文本存储在'data-title-type'中。我想我可以从href属性中获取更大的img url，但我不知道如何。你能帮帮我吗？谢谢！

<div class="container"> 
    <h2 id="titpl"></h2>
</div>  

<div onclick="showInfo(this)" data-title-type="Work title" href="img/bigimg.img">
    <img src="img/img.jpg"/>
</div>

function showInfo(title) {
    var imgtitle = title.getAttribute("data-title-type");
    var imgref = title.getAttribute("href");
    document.getElementById('titpl').innerHTML = imgtitle
    <!-- what now? -->

}

Answer 1

我使用它解决了它：document.getElementById（'imgsp'）。src = imgref;