针对不能将类型“HTMLElement | null”分配给类型“HTMLElement” 错误,可根据实际情况使用!进行处理或者使用as进行断言;出错代码如下:出错原因:可能获取不到container解决办法:1. 使用!2. 使用 as...
对比一下
TypeScript
和JavaScript中的数据
类型
(基本数据
类型
和引用数据
类型
)
一、先分别看一下ES5的基本数据
类型
和ES6新增基本数据
类型
ES5的基本数据
类型
:
String
Number
Boolean
Undefined
ES6新增基本数据
类型
:
Symbol
BigInit
所以目前JavaScript的基本数据
类型
有7个
String
Number
Boolean
Undefined
Symbol
BigInit —- 任意精度整数
JavaScript的引用数据
类型
有:
object
Array
function
其实 Array、f
2、Element
类型
Element
类型
用来表现XML和HTML元素,提供了对元素标签名、子节点及特性的访问。
访问标签名:可以用nodeName属性,也可以用tagName属性。
HTML中,标签名始终以大写表示。XML中标签名始终与源代码中的保持一致。最好在比较之前转换成相同大小写形式。
2.1属性
id:元素在文档中的唯一标示
title:有关元素的附加说明信息,一般通过工具提
在HTML DOM中,所有部分都可以认为是节点,Element对象表示
HTML 元素。Element是Document的一个子对象,Element对象接口描述了所有元素所普遍具有的方法和属性, HTML
DOM中所有的元素都继承自Element对象。
// db-click.ts
import { DirectiveOptions } from 'vue'
// To prevent the double click on the button, you can use this directive like: v-dbClick.
interface
HTMLElement
Plus extends
HTMLElement
{
Element
类型
除了Document
类型
之外,Element
类型
就要算是Web编程中最常用的
类型
了。Element
类型
用于表现XML或HTML元素,提供了对元素标签名、子节点及特性的访问。
要访问元素的标签名,可以使用nodeName属性,也可以使用tagName属性;这两个属性会返回相同的值(使用后者主要是为了清晰起见)。
在HTML中,标签名始终都以...
这个错误的意思是,你尝试将一个值
类型
为 `
null
` 的变量赋值给一个
类型
为 `
HTMLElement
| undefined` 的变量,但是 `
null
` 不属于 `
HTMLElement
` 或者 `undefined`
类型
,所以会报错。
解决方法可以有两种:
1. 将
类型
改为 `
HTMLElement
|
null
`。这样就可以将 `
null
` 赋值给变量了。
2. 在赋值之前,先判断该变量是否为 `
null
`,如果是的话,就将其转换为 `undefined`。例如:
```
typescript
let element:
HTMLElement
| undefined;
let
null
ableElement:
HTMLElement
|
null
=
null
;
if (
null
ableElement !==
null
) {
element =
null
ableElement; // 这里不会报错