Document原来可以这样来获取DOM

时间：2021-03-24 06:04:38

images集合(页面中的图象)

a)通过集合引用
代码

document.images //对应页面上的<img>标签
document.images.length //对应页面上<img>标签的个数
document.images[0] //第1个<img>标签
document.images[i] //第i-1个<img>标签

b)通过nane属性直接引用

代码

<img name="oImage">
document.images.oImage //document.images.name属性

c)引用图片的src属性
代码

document.images.oImage.src //document.images.name属性.src

d)创建一个图象
代码

var oImage
oImage = new Image()
document.images.oImage.src="/1.jpg"

同时在页面上建立一个<img>标签与之对应就可以显示

代码

<html>
<img name=oImage>
<script language="javascript">
var oImage
oImage = new Image()
document.images.oImage.src="/1.jpg"
</script>
</html>

forms集合(页面中的表单)

a)通过集合引用
代码

document.forms //对应页面上的<form>标签
document.forms.length //对应页面上<form>标签的个数
document.forms[0] //第1个<form>标签
document.forms[i] //第i-1个<form>标签
document.forms[i].length //第i-1个<form>中的控件数
document.forms[i].elements[j] //第i-1个<form>中第j-1个控件

b)通过标签name属性直接引用

代码

<form name="Myform"><input name="myctrl"></form>
document.Myform.myctrl //document.表单名.控件名

相关文章

Document原来可以这样来获取DOM

