DOM操作总结

it2023-02-06  50

创建元素

1.Document.write() [不推荐]

括号里面写上要添加的字符串,如果在一个加载完成的文档上调用会清除原来文档的内容,在新的文档中显示括号里的内容。

2.Document.innerHTML = " "

设置 innerHTML 的值可以替换新的内容

3.Document.createElement()

document.createElement(tagName); (innerHTML采用数组的方式来创建元素时,执行效率要比createElement高)

增加元素

1.element.appendChild(aChild)

将括号里的元素增加到element元素的尾部

2.parentNode.insertBefore(newNode, referenceNode);

父节点.insertBefore(要插入的节点,插入哪一个节点(的前面))

删除元素

1.element.removeChild(child);

child是要删除的节点

修改元素属性

1.修改元素属性:src,href等
2.修改元素内容:innerHTML,innerText

innerHTML可以解析内容中的html标签 innerText只能单纯的修改内容

3.修改表单元素

通过value来修改内容

4.修改元素样式

可以修改style,className

获取DOM元素

1.getElementNameById,getElementByTagName

通过id名和标签名来获取元素

2.querySelector,querySelectorAll

新用法,querySelector可以找到第一个是这个标签的元素,querySelectorAll可以找到所有是这个标签的元素

3.通过节点来获取元素

父节点parentNode(),子节点children()firstElementChild lastElementChild

事件操作

1.现在是通过:事件源.事件类型 = function()来操作

【中午一小会时间随便写的学习到的东西,有很多很多不完善的地方都需要再看看资料,都需要再进行补充,随便看一看就好。】

最新回复(0)