标签：assignable string 语法错误 Element 报错 类型 参数 type

问题描述

DOM插入元素节点报错。

TypeScript语法错误：

TS2345: Argument of type ‘string’ is not assignable to parameter of type ‘Element’.

类型"string"的参数不能赋给类型"Element"的参数。

报错内容以及对应代码：

解决方法

报错的原因在于，该函数可接收的参数类型和实际接收的不匹配。
所以解决的方法是，将第二个参数转换成Element类型；或者更换另一种方法，插入元素的同时，还支持string类型的参数传入。

1. 将第二个参数转换成Element类型

先用createElement方法创建元素后再插入元素。

let newDiv: HTMLElement = document.createElement("div");
this.element.insertAdjacentElement("beforeend", newDiv);

2. 更换成另外一种插入方法

insertAdjacentHTML，这个方法的第二个参数为string类型，并且实现的效果相同。

this.element.insertAdjacentHTML("beforeend", "<div></div>");

使用以上一种方法后，ts检查的时候就不会报错。

标签：assignable,string,语法错误,Element,报错,类型,参数,type
来源： https://blog.csdn.net/weixin_45196863/article/details/119111024

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。