你可以在HTML中使用一个<a>标签,然后给它添加一个href属性来指定跳转的网址,如下所示:

<a href="https://example.com">天官赐福</a>

如果你想在JS代码中实现这个功能,可以使用document.createElement()方法创建一个<a>标签,然后给它添加一个href属性和一个文本节点,最后将它添加到你想要添加的元素中。代码如下所示:

const novelBooks = [
  {
    title: '天官赐福',
    author: '墨香铜臭',
    price: 59.9,
    image: 'https://img14.360buyimg.com/n7/jfs/t1/97944/29/36999/166406/64155f9aF78dd268e/2ef1b4d52572471c.jpg.avif'
  }
];

const bookList = document.querySelector('#book-list');

novelBooks.forEach(book => {
  const bookLink = document.createElement('a');
  bookLink.href = 'https://example.com'; // 修改此处的网址
  bookLink.textContent = book.title;

  const bookTitle = document.createElement('h2');
  bookTitle.appendChild(bookLink);

  const bookImage = document.createElement('img');
  bookImage.src = book.image;

  const bookItem = document.createElement('div');
  bookItem.appendChild(bookTitle);
  bookItem.appendChild(bookImage);

  bookList.appendChild(bookItem);
});

在上面的代码中,我们使用了forEach()方法来遍历novelBooks数组,并为每本书创建了一个包含标题和图片的<div>元素。我们还使用了createElement()方法创建了一个新的<a>标签,并将其添加到标题中。我们修改了href属性来指定跳转的网址,然后将文本内容设置为书名。最后,我们将创建的<a>标签添加到标题元素中。


原文地址: https://www.cveoy.top/t/topic/bJMP 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录