• 技术文章 >web前端 >前端问答

    JavaScript中DOM常用的方法有哪些

    青灯夜游青灯夜游2021-07-16 17:23:56原创131

    常用方法: appendChild()、insertBefore()、hasChildNodes()、removeChild()、replaceChild()、cloneNode()、write()、open()、writeln()等等。

    本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

    节点的成员方法

    appendChild():在节点的子节点列表的最后添加一个子节点:

    var method = document.getElementById('method');
    var input = document.createElement('input');        
    method.appendChild('input');

    insertBefore():在节点的子节点列表的制定节点之前添加一个子节点:

    method.insertBefore(input,method.childNodes[1]);

    hasChildNodes():检测一个节点是否具有子节点:

    method.hasChildNodes();

    removeChild():移出节点的指定节点:

    method.removeChild(method.childNodes[1]);

    replaceChild():使用指定节点替换另一个制定的子节点:

    method.replaceChild(input,method.childNodes[1]);

    cloneNode() 克隆节点:

    var relation=document.getElementById('relation');        
    var newRel=relation.cloneNode(true);

    document文档节点

    获取元素节点的方法

    getElementById():通过ID获取元素节点

    var ele=document.getElementById('ele');

    getElementsByTagName():通过标签名获取节点列表集合

    var ps=document.getElementsByTagName('p');           
    console.log(ps.length);"

    getElementsByName():通过Name属性获取元素节点集合:

    var sexs=document.getElementsByName('user');           
    console.log(sexs);"

    创建节点的方法

    createElement():创建一个元素节点

    var b=document.createElement('b');

    createAttribute():创建一个属性节点

    var classAttr=document.createAttribute('class');
    classAttr.value='on';"

    createTextNode():创建一个文本节点

    var newtext=document.createTextNode('First');

    文档流操作

    write():向页面中输入文本流

    document.write('哈哈');

    writeln():向页面中输入文本流,并且添加\n

    document.writeln('哈哈');

    open():打开一个文档流

    document.open();

    close():关闭一个文档流

    document.close();

    【推荐学习:javascript高级教程

    以上就是JavaScript中DOM常用的方法有哪些的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:javascript DOM方法
    上一篇:javascript的事件类型都有啥 下一篇:JavaScript作用域分为哪两类
    VIP会员

    相关文章推荐

    • javascript怎么判断是否包含指定字符串• JavaScript是网页脚本语言吗• javascript怎么将数值转为字符串• javascript输出语句怎么打• javascript循环语句哪几种

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网