小强的HTML5移动开发之路（30）—— JavaScript回顾5

一、查找

第一种方式：依据id查找

var obj = document.getElementById(id); //document是HTMLDocument的实例

	
		
	

	
		
		click me

		
你好

		

		
	
 

第二种方式

var arr = node.getElementsByTagName('tagName');

	
		
		
		
	
	
		

			
选项一
			
选项二
			
选项三
		
	
 

第三种方式

使用遍历的方式（浏览器兼容性差）

parentNode

previousSibling 前一个兄弟

nextSibling 下一个兄弟

childNodes 所有子节点

firstChild 前一个子节点

lastChild 后一个子节点

遍历的方式因为有浏览器的兼容性问题，尽量少用

二、创建

document.createElement(tagName); //tagName表示标记名

三、添加

node.appendChild(obj); //作为最后一个孩子添加

node.insertBefore(obj, refNode); //添加到refNode的前面

node.replaceChild(obj, refNode); //替换refNode

四、删除

node.removeChild(obj);

	
		
		
		
	
		
	

		如何学好java
	

五、样式

第一种方式：修改节点的className属性

比如：var obj = document.getElementById('id1'); obj.className = 's1'; //使用s1样式 ****见例子：表单验证****

第二种方式：修改节点的style属性

1.必须是内联样式

2.如果要修改的样式属性名包括"-"，比如background-color,则要按照如下方式修改node.style.backgroundColor = 'red';

如何禁止浏览器的两种默认行为：

点击连接，浏览器会向href属性指向的地址发请求

点击表单提交按钮，浏览器会提交表单

禁止的方式