我有以下代码,可以动态生成超链接。超链接可以成功生成。
索引.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="styles.css" />
<title>Timely</title>
</head>
<body id=settingbg>
<a href=index.html>Home</a>
<div id="stopping"><div id=stopitem></div>
</body>
<script src="setting.js"></script>
</html>
脚本.js
let stopping = document.getElementById("stopping");
showstop();
function showstop(){
chrome.storage.local.get(['stops'], function(result) {
let stopsp = (result.stops).split(",");
for(i=0;i<stopsp.length;i++){
stopping.innerHTML += "<div id=stopitem><a href='#' id='linkPassValue' data-value='"+stopsp[i]+"'>"+stopsp[i]+"</a></div>";
}
});
}
document.addEventListener('DOMContentLoaded', function() {
document.querySelector('#linkPassValue')?.addEventListener('click', function(e) {
e.preventDefault();
const value = this.getAttribute('data-value');
alert(value);
});
});
但是,一旦生成超链接,onclick 操作就不起作用了。有人能帮我实现这个吗?谢谢。