JavaScript中DOM常用的方法有哪些

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

JavaScript中DOM常用的方法有哪些

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

节点的成员方法

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

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

登录后复制

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

立即学习“Java免费学习笔记(深入)”;

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():向页面中输入文本流,并且添加

document.writeln('哈哈');

登录后复制

open():打开一个文档流

document.open();

登录后复制

close():关闭一个文档流

document.close();

登录后复制

【推荐学习:javascript高级教程】

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2948193.html

(0)
上一篇 2025年3月11日 23:05:46
下一篇 2025年2月27日 06:01:02

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • JavaScript作用域分为哪两类

    JavaScript作用域分为全局作用域和局部作用域两类。变量在函数外定义为全局变量,全局变量有全局作用域,即网页中的所有脚本和函数均可使用;变量在函数内部声明为局部作用域,局部作用域一般只在固定的代码片段(例函数)内部可访问到。 本教程操…

    2025年3月11日
    200
  • firefox怎么关闭javascript

    firefox关闭javascript的方法:首先在Firefox地址栏里输入“about:config”并按“Enter”键;然后在新页面的搜索栏中输入“javascript.enabled”查找到首选项;最后修改值为false即可。 本…

    2025年3月11日 编程技术
    200
  • javascript怎么隐藏元素值

    javascript隐藏元素值的方法:1、设置元素style属性中的display,语句如“t.style.display= ‘none’;”;2、设置元素style属性中的visibility。 本文操作环境:wi…

    2025年3月11日 编程技术
    200
  • javascript怎么移除li

    javascript移除li的方法:首先创建一个HTML示例文件;然后创建li标签内容;最后通过“op[i].onclick = function () {oList[i].remove()…}”方法删除li标签一行内容即可。 …

    2025年3月11日
    200
  • javascript的2种变量范围有什么不同

    区别:在全局作用域中,变量在整个页面脚本中都是可见的,可以被自由访问。在局部作用域中,变量仅能在声明的函数内部可见,函数外是不允许访问的;函数执行完毕之后,局部作用域销毁。 本教程操作环境:windows7系统、javascript1.8.…

    2025年3月11日 编程技术
    200
  • javascript编写工具可以是什么

    编写工具可以是:1、Webstorm;2、Sublime Text;3、HBuilder;4、Visual Studio Code;5、Dreamweaver;6、Spket;7、Ixedit;8、Komodo;9、EpicEditor等。…

    2025年3月11日
    200
  • javascript可以写在body里吗

    javascript可以写在body里。将Javascript代码通过script标签写在“”标签对中,当浏览器载入网页Body部分的时候,就会执行其中的Javascript语句,执行之后输出的内容就显示在网页。 本教程操作环境:windo…

    2025年3月11日
    200
  • javascript中对象一般由什么组成

    在javascript中,对象是一种数据类型,一般由属性和方法组成,而属性(数据成员或成员变量)是对象的静态特征,方法(函数)是对象的动态特征。 本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。 …

    2025年3月11日 编程技术
    200
  • javascript有哪些基本数据类型

    javascript基本数据类型有:null(空值)、undefined(未定义的值)、number(数字)、string(字符串)、boolean(布尔值)、object(对象)。 本教程操作环境:windows7系统、javascrip…

    2025年3月11日
    200
  • javascript canvas方法有哪些

    javascript canvas方法有:createLinearGradient()、createPattern()、rect()、fillRect()、fill()、stroke()、clip()、arc()、arcTo()等等。 本教…

    2025年3月11日
    200

发表回复

登录后才能评论