17.js-dom-dom引入

DOM(Document Object Model) 文档对象模型

   一个html页面被浏览器加载的时候,浏览器就会对整个html页面上的所有标签都会创建一个对应的
    对象进行描述,我在浏览器上看到的信息只不过就是这些html对象的属性信息而已。我们只要能找到
    对应的对象操作对象的属性,则可以改变浏览器当前显示的内容。

操作页面的标签对象要在DHTML.chm里卖弄找到对应的标签,看它的属性有哪些再操作,第一列是HTML的属性,第二列是js来操作的属性。

代码例子:

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
</head>
<body>
	<a href="#">标题1</a>
    <a href="#">标题2</a>
    <a href="#">标题3</a>
    <input type="button" onClick="writeUrl()" value="设置a标的地址"/>
</body>
<script type="text/javascript">

	var allNodes = document.all;   //获取html文件中的所有标签节点 。
	for(var i = 0; i<allNodes.length ; i++){
		alert(allNodes[i].nodeName);	 //标签的名字  nodeName;
	}

	function writeUrl(){
		var links = document.links; // 获取文档中含有href的属性的标签。
		for(var i = 0; i<links.length ; i++){
			links[i].href = "http://www.itcast.cn";
			
		}
		
	}
</script>
</html>

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值