0

0

js中DOM知识点分享

小云云

小云云

发布时间:2018-03-14 16:41:24

|

1646人浏览过

|

来源于php中文网

原创

1、childNodes和nodeType 

childnodes获取子节点,但是会把中一个标签与另一个标签的空格当做文本节点来计算。nodetype判断一个节点是什么类型的节点。只有当nodetype==1时才是元素节点,2是属性节点,3是文本节点。
2、children获取子节点,它只返回html节点,甚至不返回文本节点,虽然不是标准的dom属性,但它和innerhtml方法一样,得到了几乎所有浏览器的支持。
3、offsetparent获取该节点有定位的父元素节点。
4、firstchild()和firstelementchild(),有兼容问题,使用if来处理兼容问题。其余lastchild等的也是和这个相类似。
5、使用dom来获取元素属性,使用setattribute(‘要设置的属性’,‘设置属性的值’),removeattribute(名称),getattribute(名称),基本不常用。但也有必须用的情况。
6、使用classname来选择元素,可以封装一个简单的方法,现在这个是低版本的,没有bug,但是有很强的局限性


    
        
             
    
    
        

7、创建节点比如论坛功能
一定要把创建好的节点加入到他的父元素下面
creatElement()创建节点
appendChild()将创建好的节点添加到他的父元素之前
insertBefore()在某个节点之前插入
removeChild()删除某个节点


    
        
        创建节点
        
    
    
        

 相关推荐:

使用DOM的一些小结

华科网络内容管理系统3.0
华科网络内容管理系统3.0

华科企业管理系统是一套基于php的智能建站软件!产品具有界面新颖美观、动感时尚等特点,是一套服务于中小企业的CMS内容管理系统,软件使用门槛低,无须专业电脑知识,全后台操作管理,操作简单且功能强大,同时软件还具有极强的可扩展性,可以适应各行业不同的需求。华科具有强大的后台管理功能,菜单栏目划分合理清晰。产品、新闻等功能均支持多级分类划分,可供用户自由选择,适合各行各业使用,各模板均精心开发、界面美

下载

深入JavaScript之DOM的高级应用

原生JavaScript对dom节点操作总结

相关专题

更多
c++ 根号
c++ 根号

本专题整合了c++根号相关教程,阅读专题下面的文章了解更多详细内容。

22

2026.01.23

c++空格相关教程合集
c++空格相关教程合集

本专题整合了c++空格相关教程,阅读专题下面的文章了解更多详细内容。

24

2026.01.23

yy漫画官方登录入口地址合集
yy漫画官方登录入口地址合集

本专题整合了yy漫画入口相关合集,阅读专题下面的文章了解更多详细内容。

99

2026.01.23

漫蛙最新入口地址汇总2026
漫蛙最新入口地址汇总2026

本专题整合了漫蛙最新入口地址大全,阅读专题下面的文章了解更多详细内容。

132

2026.01.23

C++ 高级模板编程与元编程
C++ 高级模板编程与元编程

本专题深入讲解 C++ 中的高级模板编程与元编程技术,涵盖模板特化、SFINAE、模板递归、类型萃取、编译时常量与计算、C++17 的折叠表达式与变长模板参数等。通过多个实际示例,帮助开发者掌握 如何利用 C++ 模板机制编写高效、可扩展的通用代码,并提升代码的灵活性与性能。

15

2026.01.23

php远程文件教程合集
php远程文件教程合集

本专题整合了php远程文件相关教程,阅读专题下面的文章了解更多详细内容。

65

2026.01.22

PHP后端开发相关内容汇总
PHP后端开发相关内容汇总

本专题整合了PHP后端开发相关内容,阅读专题下面的文章了解更多详细内容。

61

2026.01.22

php会话教程合集
php会话教程合集

本专题整合了php会话教程相关合集,阅读专题下面的文章了解更多详细内容。

63

2026.01.22

宝塔PHP8.4相关教程汇总
宝塔PHP8.4相关教程汇总

本专题整合了宝塔PHP8.4相关教程,阅读专题下面的文章了解更多详细内容。

33

2026.01.22

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 4.1万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 2.4万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号