getElement与querySelector的区别

时间：2020-03-28 13:01:22 阅读：65 评论：0 收藏：0 [点我收藏+]

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<div>我是第一个</div>

var divs = document.getElementsByTagName(‘div‘);

console.log(divs);

var divs2 = document.querySelectorAll(‘div‘);

console.log(divs2);

// 创建一个新的div

var newDiv = document.createElement(‘div‘);

newDiv.innerHTML = ‘我是新的div‘;

document.body.append(newDiv);

console.log(divs);

console.log(divs2);

// 从上面打印的结果可以看出两者的区别，getElementBy是动态的，当元素的内容改变了，获取的元素节点内容也随之改变。

// 然而，querySelector是不变的。

</script>

</body>

</html>

原文地址：https://www.cnblogs.com/1998Archer/p/12586666.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行