js函数对象和DOM查询元素

zjjdawang

已于 2022-06-28 19:27:51 修改

阅读量219

点赞数 1

文章标签：大数据

于 2022-06-28 16:56:29 首次发布

本文链接：https://blog.csdn.net/zjjdawang/article/details/125505617

版权

1.对象（Object）
对象是JS中的引用数据类型
对象是一种复合数据类型，在对象中可以保存多个不同数据类型的属性
使用typeof检查一个对象时，会返回object
创建对象：两种方法
方式一：
var obj = new Object();
方式二：
var obj = {
属性名:属性值,
属性名:属性值,
属性名:属性值,
属性名:属性值};
2.函数表达式
var 函数名 = function([形参1,形参2…形参N]){
语句…
};

调用函数
语法：函数对象([实参1,实参2…实参N]);
形参和实参
形参：形式参数

定义函数时，可以在()中定义一个或多个形参，形参之间使用,隔开
定义形参就相当于在函数内声明了对应的变量但是并不赋值，
形参会在调用时才赋值。
实参：实际参数

调用函数时，可以在()传递实参，传递的实参会赋值给对应的形参,
调用函数时JS解析器不会检查实参的类型和个数，可以传递任意数据类型的值。
如果实参的数量大于形参，多余实参将不会赋值，
如果实参的数量小于形参，则没有对应实参的形参将会赋值undefined

DOM查询的八种办法

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>查找节点8种方法</title>
</head>

<body>
    <div id="id" class="class" name="name">查找节点8种方法</div>
    <div>我是第二个元素</div>
    <script>

        var div1 = document.getElementById("id");  // 根据标签id

        var div2 = document.getElementsByTagName("div"); // 根据标签名

        var div3 = document.getElementsByClassName("class"); // 根据标签类名

        var div4 = document.getElementsByName("name");  //  根据name属性值

        var div5 = document.querySelector("div"); // 根据选择器获取第一个元素

        var div6 = document.querySelectorAll("div"); // 根据选择器获取到所有的元素：
        
        var html = document.documentElement;  // 获取html标签
        
        var body = document.body;  // 获取body标签

      
    </script>
</body>

</html>

DOM节点操作

一、创建节点

1.createElement

-语法：document.createElement(元素标签)

-功能：创建元素节点

2.createAttribute

语法：document.createAttribute(元素属性)

功能：创建属性节点

3.createTextNode

语法：document.createTextNode(文本内容)

功能：创建文本节点

二、插入节点