JavaScript基础(5.Dom直接选择器)

先写一个简易的HTML,

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="i1">我是i1</div>
<a>asdf</a>
<a>909</a>
<a>kafsufd</a>
</body>
</html>
先介绍下dom的方法:

JavaScript基础(5.Dom直接选择器)

用Chrome浏览器的方式打开HTML,

JavaScript基础(5.Dom直接选择器)

右键检查元素,就会出现这样的界面,点开console,可以在这里方便地写JS

JavaScript基础(5.Dom直接选择器)

我接下来这样写,

JavaScript基础(5.Dom直接选择器)

然后改变所有a标签里面的内容:

JavaScript基础(5.Dom直接选择器)

可以发现我改变了网页上的内容,上边显示了三个666