欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页

Document 对象

程序员文章站 2022-04-03 15:56:23
...

使用document.write()输出文本

<!DOCTYPE html>
<html>  
<head>  
    <meta charset="utf-8">  
    <title>自学教程(如约智惠.com)</title>  
	
</head>  
<body >  
	
	<script type="text/javascript">
		document.write("Hello， World!");
	</script>
</body>  
</html>

使用document.write()输出HTML

<!DOCTYPE html>
<html>  
<head>  
    <meta charset="utf-8">  
    <title>自学教程(如约智惠.com)</title>  
	
</head>  
<body >  
	
	<script type="text/javascript">
		document.write("<h1>Hello， World!</h1>");
	</script>
</body>  
</html>
返回文档中锚的数目
<!DOCTYPE html>
<html>  
<head>  
    <meta charset="utf-8">  
    <title>自学教程(如约智惠.com)</title>  
	
</head>  
<body >  
	<a name="html">HTML 教程</a><br>
	<a name="css">CSS 教程</a><br>
	<a name="xml">XML 教程</a><br>
	<a name="/js/">JavaScript 教程</a><br>
	
	<p>锚的数量：
		<script >
			document.write(document.anchors.length);
		</script>
	</p>
	
</body>  
</html>

返回文档中第一个锚的innerHTML

<!DOCTYPE html>
<html>  
<head>  
    <meta charset="utf-8">  
    <title>自学教程(如约智惠.com)</title>  
	
</head>  
<body >  
	<a name="html">HTML 教程</a><br>
	<a name="css">CSS 教程</a><br>
	<a name="xml">XML 教程</a><br>
	<a name="/js/">JavaScript 教程</a><br>
	
	<p>文档中第一个锚:
		<script >
			document.write(document.anchors[0].innerHTML);
		</script>
	</p>
	
</body>  
</html>

返回文档中的图像数

<!DOCTYPE html>
<html>  
<head>  
    <meta charset="utf-8">  
    <title>自学教程(如约智惠.com)</title>  
	
</head>  
<body >  
	<img border="0" src="klematis.jpg" width="150" height="113">
	<img border="0" src="klematis2.jpg" width="150" height="113">
	
	
	<p>图像数目:
		<script >
			document.write(document.images.length);
		</script>
	</p>
	
</body>  
</html>

返回文档中的第一个图像的ID

<!DOCTYPE html>
<html>  
<head>  
    <meta charset="utf-8">  
    <title>自学教程(如约智惠.com)</title>  
	
</head>  
<body >  
	<img id="runoob1" border="0" src="klematis.jpg" width="150" height="113">
	<img id="runoob2" border="0" src="klematis2.jpg" width="150" height="113">
	
	<p>图像数目:
		<script >
			document.write(document.images[0].id);
		</script>
	</p>
	
</body>  
</html>





































































相关标签： DOCUMENT 对象

上一篇： 名创优品彩虹碱性电池开箱图赏:多色彩虹样式很漂亮

下一篇： 娶皇后为妻，强纳公主为妾，燕铁木儿为何有这么大的权力？

推荐阅读