document.all用法详解

快乐打工仔 分类:实例代码

document.all用法详解属于前端实例代码,有关更多实例代码大家可以查看

本章节介绍一下document.all的用法,希望能够对大家有所帮助。

一.获取页面所有的元素:

它可以获得页面中的所有的元素,可以使用索引访问页面中的元素,例如:

document.all[0]

以上代码表示页面中的第一个元素。

二.通过元素的id属性获取相应元素:

通过元素的id属性值可以获取指定的元素,例如:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.pipipi.net/" />
<title>犀牛前端部落</title>
<script type="text/javascript">
window.onload=function(){
  alert(document.all.mydiv);
}
</script>
</head>
<body>
<div id="mydiv"></div>
</body>
</html>

以上代码可以获取id属性值为mydiv的元素。

三.判断低版本IE浏览器:

虽然低版本的IE浏览器已经越来越离我们远去,但是可能有时候还需要进行一下兼容。

所以就需要先判断一下低版本的浏览器(主要指IE8和IE8以下浏览器)。

代码如下:

if (document.all) {
  //IE8和IE8以下浏览器code
}

document.all用法详解,这样的场景在实际项目中还是用的比较多的,关于document.all用法详解就介绍到这了。

回复

我来回复
  • 暂无回复内容