一.document对象的属性
二.document对象的方法
三.document对象集合
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>document对象</title>
<link rel="stylesheet" href="css/demo1.css">
<style type="text/css">
img{width: 150px;}
</style>
<script type="text/javascript">
/*
document 文档对象
属性：
body body元素对象
title 标题
URL 网页地址
links 超链接 HTMLCollection 集合 索引 0 length
images 图片
forms
方法：
write
writeln
getElementById 根据ID查找节点对象
返回值： 节点对象，null
*/
// console.log(name);
// document.write('hello<br>');
// document.write('hello');
// document.write('hello');
// document.writeln('hello');
// document.writeln('hello');
</script>
</head>
<body>
< a href=" ">百度</ a>
< a href="#">抖音</ a>
< img src="images/2.jpg" alt="">
<div>
< a href="#">锤子</ a>
< img src="images/3.jpg" alt="">
</div>
< img src="images/1.jpg" alt="">
<form action="">
<input type="text">
<input type="password">
</form>
<p>AA</p >
<p id="content">AA</p >
<p>AA</p >
</body>
<script type="text/javascript">
// console.log(document.body);
// console.log(document.title);
// document.title='文档';
// console.log(document.URL);
// console.log(document.links);
/*document.links[0].innerHTML='百度公司';
document.links[1].innerHTML='字节跳动';
document.links[2].innerHTML='锤子科技';*/
// console.log(document.images);
// document.images[1].src='images/4.jpg';
// document.images[0].src='images/1.jpg';
// document.images[2].src='images/3.jpg';
// console.log(document.forms);
//根据ID查找节点对象
var o=document.getElementById('content');
console.log(o);
o.innerHTML='哈哈哈';
</script>
</html> |
|
收藏
淘帖
踩
