一、查找
第一种方式:依据id查找
var obj = document.getElementById(id); //document是HTMLDocument的实例
click me
你好
第二种方式
var arr = node.getElementsByTagName('tagName');
立即学习“Java免费学习笔记(深入)”;
- 选项一
- 选项二
- 选项三
第三种方式
使用遍历的方式(浏览器兼容性差)
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属性指向的地址发请求
点击表单提交按钮,浏览器会提交表单
禁止的方式
以上就是 小强的HTML5移动开发之路(30)—— JavaScript回顾5的内容,更多相关内容请关注PHP中文网(www.php.cn)!











