JS的DOM解析3--常用方法及属性--document和标签

1.document下的常用属性：

<script type="text/javascript">
	//document:文档
	常用属性：1.body
	          2.title
	          3.domain
	          4.URL
	var body=document.body;
	console.log(body);
    //title
	var title=document.title;
	console.log(title);
	//domain:域名
	var domain=document.domain;
	console.log(domain);
	//URL
	var url=document.URL;
	console.log(url);
</script>	

2.标签下的属性操作：

<script type="text/javascript">
	var wrap=document.getElementById('wrap');
	// console.log(wrap.id);
	// console.log(wrap.className);
	// console.log(wrap.style);
    小结：对于标签而言，只要是系统提供的一些属性，我们都可以通过"."的方式来获得并进行设置---标签的可视属性.
	// var img=document.getElementsByTagName('img')[0];
	// var input=document.getElementsByTagName('input')[0];
	// img.src="";
	
	添加额外的可视属性
	// wrap.setAttribute("属性","值")；
	// 例如:
	wrap.setAttribute("hello","值");
	console.log(wrap);
	//获得额外属性的值
	var value=wrap.getAttribute("hello");
	console.log(value);
	//删除额外属性
	wrap.removeAttribute("hello");
	console.log(wrap);
	//之前的自定义属性比如：wrap.index=1,为不可视属性。
</script>

小结：
添加，获得，删除额外可视属性：
标签.setAttribute(“属性”,“值”)；----添加
标签.getAttribute(“属性”); ----获得
标签.removeAttribute(“属性”);----删除