首页 > 其他分享 >前端面试总结08-WebApi-Dom

前端面试总结08-WebApi-Dom

时间:2022-09-27 17:34:20浏览次数:56  
标签:WebApi Dom attribute 08 html 操作 document

1.Dom的本质:

树结构(Dom树)

 

 

 2.Dom常见获取结点操作

(1:document.getElementById('');

(2:document.getElementsByTagName('');//集合

(3:document.getElementsByClassName('');//集合

(4:document.querySelectorAll('')

3.property与attribute

 

 

 

 

 

 property:修改对象属性,不会体现到html结构中

attribute:修改html属性,会改变html结构

两者都有可能引起Dom重新渲染

4.插入节点

 

 

 5.获取子元素,父元素

 

 

 6.删除节点

 

 

 7.Dom性能

(1:Dom操作非常"昂贵",避免频繁的Dom操作

(2:对Dom查询做缓存

 

 

 

(3:将频繁操作改为一次性操作

 

标签:WebApi,Dom,attribute,08,html,操作,document
From: https://www.cnblogs.com/qwqxyd/p/16735316.html

相关文章

  • 通关基本算法 day_08 -- 位运算
    求整数n二进制表示里,第k位数字是几?$$n=15=(1111)_2$$先把第k位移到最后一位n>>k看个位是几x&1总结:n>>k&1例子例如输出10的二进制表达#includ......
  • VS2008 - VS2010默认环境设置
    我们在安装VS2008后会默认让我们选择一个默认开发环境如果我们想做另外一种开发时,就得切换成另外一种开发环境 在开始菜单打开:MicrosoftVisualStudio2008>>Visual......
  • JavaScript DOM
    APIAPI(ApplicationProgrammingInterface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,......
  • 1080P,2K,4K对应的分辨率
    对于屏幕分辨率来说,不论是720P、1080P还是2K、4K、8K,表示的都是视频像素的总行数,比如720P表示视频有720行的像素,4K表示的是视频有4000列像素数,4K分辨率的摄像机通常像素数......
  • NetCoreWebApi3.0-------MiniProfiler使用教程
    参考博客:ASP.NETCoreWebAPI中的分析工具MiniProfiler-LamondLu-博客园(cnblogs.com) 注意事项:1.不要盲目copy别人的代码varhtml=MiniProfiler.Current.Re......
  • 第六章 DOM键盘事件
    第六章键盘事件键盘事件键盘时间内触发条件onkeyup某个键盘按键松开时(弹起时)触发onkeydown某个键盘按键按下时就触发onkeypress某个键盘被按下时触发......
  • [SDOI2008]Sue的小球
    做题时间:2022.9.26\(【题目描述】\)一个平面直角坐标系中有\(N\)个小球,第\(i\)个小球初始时位于\((x_i,y_i)\),有一个速度\(v_i\),每一秒会沿着\(y\)轴竖直想下掉......
  • DOM添加、移除、移动、复制、创建和查找节点
    获取子节点  父节点.children  父节点.childNodes获取父节点  子节点.parentNode  子节点.offsetParent创建  document.createElement(‘标签名’)  document.......
  • 原生js选取dom
    dom.childElementCount-----该dom的子元素个数;dom.firstElementChild-----该dom的第一个子元素;dom,lastElementChild-----该dom的最后一个子元素;previousElementSibling......
  • dom4j基本使用
    1.xml文档<?xmlversion="1.0"encoding="UTF-8"?><?xml-stylesheettype="text/xsl"href="configuration.xsl"?><cons><connumber="test">thisisatest</con......