在document.createElement下的javascript中添加图形链接的功能是什么?

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

我正在使用http://visjs.org/docs/timeline/#Example中的示例设置时间轴。有人能告诉我我需要添加一个本地链接到我有的图形吗?

我试过a.href,但也许我做错了。这是我的代码注释掉的代码段:

var item5 = document.createElement('div');
  item5.appendChild(document.createTextNode('item 5'));
  item5.appendChild(document.createElement('br'));
  var img5 = document.createElement('img');
  // img5.a.href = 'attachments/AddDuties.pdf';
  img5.src = 'icons/pdf1.png';
  img5.style.width = '48px';
  img5.style.height = '48px';
  item5.appendChild(img5);

这是一些更多的代码(我削减了部分以减小尺寸,它在我在图像5下面添加我自己的代码之前工作:)。图5是我想要将图形链接到文件的图像。

  <title>Timeline | Basic demo</title>
  <script src="vis-4.21.0/dist/vis.js"></script>
  <link href="vis-4.21.0/dist/vis.css" rel="stylesheet" type="text/css" />
</head>
<body>'
<script>
  // create a couple of HTML items in various ways

  var item1 = document.createElement('div');
  item1.appendChild(document.createTextNode('item 1'));

  var item4 = 'item <span class="large">4</span>';

  **var item5 = document.createElement('div');
  item5.appendChild(document.createTextNode('item 5'));
  item5.appendChild(document.createElement('br'));
  var img5 = document.createElement('img');
  // img5.a.href = 'attachments/AddDuties.pdf';
  img5.src = 'icons/pdf1.png';
  img5.style.width = '48px';
  img5.style.height = '48px';
  item5.appendChild(img5);**

</body>

我希望能够单击图形并按照指定的链接。我知道如何在HTML中使用href,我只是不知道代码需要告诉javascript如何链接图像5中的图形。

javascript graphics href
1个回答
0
投票

href是<a>标签的一个属性。您无法将href添加到图像。 你应该做的是创建一个<a>元素分配你想要的href和 将img附加为<a>元素的子元素。

<a href="{whatever you want}">
    <img src=....>
</a>

编辑: 如果由于某种原因你无法使用<a>包装图像,你可以为图像分配和id,然后添加一个事件监听器,用于重定向你的点击。

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