在 document.createElement 下添加指向 javascript 图形链接的函数是什么?

我正在使用 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中的图形。

href 是 <a> 标签的属性。您无法将 HRf 添加到图像。
你应该做的是创建一个<a>元素，将你想要的 href 分配给它，然后
将 IMG 追加为该<a>元素的子元素。

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

编辑：
如果由于某种原因无法使用<a>包装图像，则可以分配并id图像，然后添加事件侦听器以进行单击以重定向您。

相关内容

最新更新

热门标签：