操作html标签

引入

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

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

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

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

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

<ul>  <l1 id="li1">html</li>  <l1 id="li2">css</li>  <l1 id="li3">js</li></ul><script>  var li1 = document.getElementById("li1);  console.info(li1,typeof(li1));</script>

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