html中如何找到成对标签,操作html标签之找到标签

引入

丰富多彩的html标签构成了网页。例如p,div,li,ul,a......……。它们都有自己默认的样式，且各不一样，例如h1标签就比p标签的margin要大一些。我们学习css的目的是为了改变它们自己的默认样式，而按我们自己通过css代码设置的样式去呈现出来。

那我们学习js的目的是什么呢？两个字 “交互“。谁与谁交互？html页面与用户进行交互。例如：当我们把鼠标移动到某个标签上时，让他突出显示；当我们把鼠标从注册的表单中的文本框上移出时，提示我们两次输入的密码不一致；等等。当然，通过js我们还可以做让用户操作起来更方便，或者让页面显示起来更漂亮的事情。

这一切的提前是：我们要能够操作html标签。

1.找到我们想要的标签：一切工作的开始。

方法一：给这个元素添加一个id，然后调用document.getElementById("元素的id名")。这是最简单最直接的方法

html

css

js

var li1 = document.getElementById("li1);

console.info(li1,typeof(li1));

你可能会在控制台中如下的结果 ：

 (图1)

这样就说明我们成功地找到了这个标签。存放这个标签的变量li1的类型是object。

[说明]

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！