Javascript 查漏补缺05

最新推荐文章于 2024-09-04 14:42:24 发布

原创最新推荐文章于 2024-09-04 14:42:24 发布 · 183 阅读

1 ·

CC 4.0 BY-SA版权

本文详细介绍了如何使用JavaScript操作DOM，包括创建、添加、移除、移动、复制和查找节点的方法。涵盖了createElement、createTextNode、appendChild、removeChild等核心API，以及innerHTML、nodeName、nodeValue等属性的应用。

怎样添加、移除、移动、复制、创建和查找节点？

1）创建新节点
createDocumentFragment() //创建一个DOM片段
createElement() //创建一个具体的元素
createTextNode() //创建一个文本节点

2）添加、移除、替换、插入
appendChild() //添加
removeChild() //移除
replaceChild() //替换
insertBefore() //插入

3）查找
getElementsByTagName() //通过标签名称
getElementsByName() //通过元素的Name属性的值
getElementById() //获取带有指定 id 的节点（元素）

setAttribute()

把指定属性设置或修改为指定的值。

方法是我们可以在节点（HTML 元素）上执行的动作（比如添加或修改元素）。

属性是节点（HTML 元素）的值（比如节点的名称或内容），我们能够获取或设置。

innerHTML属性，nodeName 属性，nodeValue属性，nodeType 属性

JavaScript push() 方法

push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。

<script type="text/javascript">

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

document.write(arr + "<br />")                //George,John,Thomas
document.write(arr.push("James") + "<br />")       //4
document.write(arr)                        //George,John,Thomas,James

</script>