请问如何在以下这段js代码中实现点击‘天宫赐福’跳转到指定网址 const novelBooks = title 天官赐福 author 墨香铜臭 price 599 image httpsimg14360buyimgcomn7jfst197944293699916640664155f9aF78dd268e2ef1b4d52572471cjpga
你可以在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 著作权归作者所有。请勿转载和采集!