JS知识点(1)

1.获取元素的方法:

1)document.getElementById() 返回一个对象

2)document.getElementByTagName() 返回的是一个伪数组

3)document.getElementByClassName() 返回一个对象

4)document.querySelector() 返回指定选择器的第一个对象

5)document.querySelectorAll() 返回指定选择器的所有元素对象的集合

6)document.body 获取body

7) document.documentElement 获取HTML

2.事件的三要素:事件源、事件类型和事件处理程序

事件源表示事件被触发的对象,事件类型表示如何触发,什么事件,事件处理程序表示通过一个函数赋值的方式来完成。

3. innerText和innerHTML的区别

两者的相同点在于都是用来获取元素的内容的,而不同点在于innerText不识别THML标签,非标准,不保留空格和换行,innerHTML识别html标签,W3C标准,保留空格和换行。

4.自定义属性:

获取元素属性值:

1)element.属性

2)如果是自定义属性:则element.getAttribute('属性')

设置元素属性值:

1)element.属性=‘值’

2)如果是自定义属性:则element.setAttribute('属性','值')

移除属性:

element.removeAttribute('属性')

5.H5中为了区分什么是内置属性,什么是自定义属性,规定在自定义属性前面加上data-,H5新增的获取自定义属性,只能获取data开头的,是dataset属性,其是一个集合,里面存放了所有以data开头的自定义属性。

6.1)获取父节点:通过parentNode属性

2)获取子节点:通过childNodes获取所有节点,包括元素节点和文本节点,通过children获取所有子元素节点

3)通过firstChild获取第一个元素的节点,通过lastChild获取最后一个元素的节点,它们都可以获取元素节点和文本节点,如果只想获取第一个元素节点的话,可以使用children[0],兼容性更强。

4)获取下一个兄弟节点:通过nextSibling属性获取元素节点和文本节点,通过nextElementSibling属性获取元素节点

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值