你的位置:首页 > Java教程

[Java教程]操作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>

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

图1

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

[说明]

1.控制台打开的方法是:使用浏览器双击打开html页面后,右键,选择“审查元素”命令。然后你就慢慢找吧。

2.如果你的id名称写的不对,就找不到标签,li1的值就是null。