javascript——dom!

最新推荐文章于 2025-11-24 03:12:01 发布

转载最新推荐文章于 2025-11-24 03:12:01 发布 · 295 阅读

文章标签：

#javascript #attributes #input #div #html #string

js 专栏收录该内容

12 篇文章

订阅专栏

访问元素；
document.getElementById("id");    //返回唯一id元素
document.getElementsByName("name");    //返回名字一样的元素数组
document.getElementsTagName("element");    //返回类型一样的元素数组

node属性：
    nodeName        节点的名称
    nodeValue       节点的值
    nodeType        节点的类型
    parenNode       当前对象的父节点
    childNodes      访问子节点列表
    firstChild      元素的第一个子节点
    lastChild       元素的最后一个子节点
    previousSibling 相邻的前一个同级节点
    nextSibling     相邻的下一个同级节点
    attributes      元素的属性列表
    ownerDocument   指向包含元素的HTML文档对象

create node方法：
createElement(tagName)     创建一个元素，元素类型在tagName中指定
createTextNode(string)     创建一个包含字符串的文本节点
createAttribute(name)      为元素创建一个指定的属性
createComment(string)      创建一个HTML文本注释
createDocumentFragment     创建一个包含节点集合的文档
setAttribute(name,value)   设置属性name="value"

常用：
1.getElementById("");
通过一个节点的id取到那个接点。是通过document来调用的。引号里面是想取的节点的的id。
例：<input type="text" id="ing" />   document.getElementById("ing");

2.createElement("");
创建一个元素节点。通过document来调用。引号里面必须是字符串，而且必须是HTML的元素。
例：document.createElement("input");

3.createTextNode("");
创建一个文本节点。通过document来调用。引号里面是文本节点要装的内容。
例：document.createTextNode("你好！");

4.appendChild()
在一个节点的子节点列表最后面追加一个节点。通过父节点调用。括号里面是要被追加的节点。

5.insertBefore( ，)
在一个节点的前面添加一个节点。通过父节点调用。括号里面由两部分组成。逗号前面表示被添加的节点。逗号后面表示想在那个节点前面添加节点的节点。

6.cloneNode(true/false)
复制一个节点。通过想要复制的节点来调用。括号里面的true表示完全复制，false表示只复制元素本身，元素里面的内容不复制。
例：a.cloneNode(true);

7.removeChild()
删除指定的一个节点。通过父节点调用。括号里面是父节点的子节点列表中，想要删除的节点。
例：a.removeChild(a.lastChild);

8.replaceChild(newChild,oldChild)
用一个节点去替换另一个节点。用来替换的节点自己也会消失。（剪切）括号里面由两部分组成。newChild是用来替换的节点。替换后自己出现在被替换。节点的位置。自己原来位置的自己会消失。oldChild表示被替换的节点。替换后就被覆盖了。通过父节点来调用。

9.hasChildNodes()
判断一个节点是否有子节点。会返回两个值。true和false。true表示该父节点还存在子节点。false表示该父节点不存在子节点。通常用在if语句的条件括号里面。

10.a.options[a.selectedIndex]
options表示a节点的子节点列表。整句话的意思是a节点的子节点列表里面当前选中的一项。通常要和事件搭配起来用。

例子：