我希望能够创建自定义的HTML元素,以便显示cookie的值,这样我就可以轻松地将cookie值插入到我的文档中。 目前我的代码是:
var cNum = 0;
customElements.define('get-cookie', getC);
class getC extends HTMLElement {
constructor() {
super();
cNum++;
var cName = this.getAttribute('cName');
this.setAttribute('id', cName + cNum);
var currentE = document.getElementById(cName + cNum);
var cValue = 'Oops! We have run into a problem';
if (this.hasAttribute('cName')) {
cValue = getCookie(this.getAttribute('img'));
}
var outC = document.createElement('a');
outC.innerHTML = cValue;
currentE.appendChild(outC);
}
}
并且
<p>
Current User: <get-cookie cName="currentUSR" ></get-cookie>
</p>
当我在Firefox上运行它时,出现以下错误:
ReferenceError: can't access lexical declaration `getC' before initialization (myfile.js:4:1)
另外:我对jQuery一窍不通,希望能够避开它。
非常感谢您的帮助!谢谢!
编辑:我忘记添加了getCookie()函数已在我的代码中定义。