DOM操作

来源：互联网发布：openresty java 编辑：程序博客网时间：2024/06/08 17:45

通过选择器定位元素（知道有相关的方法找到元素）
对选择的元素进行处理

大部分的DOM处理时围绕以下三种节点类型操作的

Element：网页的各种HTML标签（比如：<body> <h> <a> <div>）
Attribute：网页元素的属性（比如：id=”id” class=”class” type=”text”）
Text：标签之间或标签包含的文本

DOM的遍历
在DOM元素上定义ID属性，通过ID选择器查找（虽然在网页中允许重复ID的出现，但是要避免这种现象的出现）
ID在定义的时候尽量要起的稍微复杂一些，满足一个标准的规范定义。
在一个元素范围内查找元素，使用jQuery的find方法

<form id="form1">
  <input type="text" name="username"/>
</form>
​
<form id="form2">
  <input type="text" name="username"/>
</form>
<input type="button" value="click" onclick="show();"/>
​
function show() {
    var u1 = $("#form1").find("input[name='username']");
    var u2 = $("#form2").find("input[name='username']");
    alert(u1.val());
    alert(u2.val());
}

通过Class定位元素，

DOM增加操作
添加一个Element节点
设置一个节点的样式属性
DOM删除操作
删除一个Element节点
通过获取到父节点，删除其子节点

阅读全文

0 0