Javascript TypeError:将div元素的内容保存到文本文件时，null不是对象

Question

我正试图将div元素的内容保存到文本文件中，并得到错误：

TypeError：null不是对象(正在评估'link.href=generateTextFile('dummyText.innerText'('(

这里有什么问题？我已经确保将dive元素放在Javascript代码之前。

整个项目。

感谢

document.addEventListener('readystatechange', function() {
if (document.readyState === "complete") {
function generateTxtFile(text){
var textFile = null;
var data = new Blob([text], {type: 'text/plain'});
if (textFile !== null) {
window.URL.revokeObjectURL(textFile);
}
textFile = window.URL.createObjectURL(data);
return textFile;
}
(function () {
var btnCreateFile = document.getElementById('btnCreateFile'),
dummyText = document.getElementById('log');
btnCreateFile.addEventListener('click', function () {
var link = document.getElementById('downloadLink');
link.href = generateTxtFile('dummyText.innerText');
link.style.display = 'inline-block';
}, false);
})();
}
}
)

<button id="btnCreateFile">Generate File</button>
<a download="info.txt" id="downloadlink" style="display: none">Download</a>
<div id="log">
<span>Log</span>
<br>
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
<p>----------------</p>
<br>
</div>

Answer 1

您有一个打字错误。。html中有CCD_ 1，但你在做var link = document.getElementById('downloadLink');

注意大写字母L…将html更改为downloadLink，link不应为空。。。