整理一下原生js的dom操作

最新推荐文章于 2024-06-25 20:43:11 发布
最新推荐文章于 2024-06-25 20:43:11 发布
阅读量61 收藏
点赞数
原文链接：http://www.cnblogs.com/mcad/p/10765670.html
版权

获取元素

  • getElementById()
  • getElementsByClass()
  • getElementsByTagName
  • getElementsByName

node属性

前、后、父、子

  • previousSibling
  • nextSibling
  • parentNode
  • childNode
  • children
  • firstChild
  • lastChild

操作

  • appendChild
  • insertBefore
  • removeChild
  • replaceChild
  • innerHtml
  • innerText

创建

  • CreateElement

Attribute

  • getAttribute
  • setAttribute
  • removeAttribute
  • hasAttribute

转载于:https://www.cnblogs.com/mcad/p/10765670.html

weixin_30709929
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
原生JS--DOM的操作
苛性钠的博客
12-14 272
准备好了吗？基础概念别睡着了喔 。。。 查找DOM元素 按照HTML查找 document.getElementById 通过id获取元素 document.getElementsByTagName 通过标签名获取元素 返回类数组 document.getElementsByName 通过name属性查找元素 多用于表单 返回动态类数组 document.getElementsByClassName 通过类名获取元素 document.querySelector 通过css选择器获取元素 得到匹配的第一
JavaScript--删除DOM
天行健 君子以自强不息，地势坤 君子以厚德载物。
07-15 1万+
1. 删除DOM 删除一个DOM节点就比插入要容易得多。插入DOM 要删除一个节点，首先要获得该节点本身以及它的父节点，然后，调用父节点的 removeChild 把自己删掉： <!-- HTML结构 --> <div id="list"> <p id="java">Java</p> <p id="python">Python</p> <p id="scheme">Scheme</p>
Javascript：删除一个DOM节点
最新发布
听海边涛声
06-25 363
Javascript：删除一个DOM节点
原生js创建并删除dom
左直拳的马桶_日用桶
08-07 2152
一言不合上代码，以canvas为例： id = "canvas1"; //创建一个canvas var canvas = document.createElement("canvas"); canvas.id = id; canvas.width = window.screen.availWidth; canvas.height= window.screen.availHeight; canvas.style.cssText = "position: absolute; left: 0px; top:
js 添加、删除DOM元素
qq_36158551的博客
03-09 1497
该方法添加的元素位于父元素的末尾，使用方法：parentNode.appenChild(NewNode) // parentNode是需要添加元素的容器，NewNode是新添加的元素${${
原生js 操作dom
haliofwu的专栏
12-08 218
ng-click="brandFnc($event)" $scope.brandFnc = function($event) { // 通过 $event.target 来获取 } ev.target.parentElement ev.target.parentElement.children[0].src ev.target.previousElementSibling ev.target
JS——删除DOM元素的两种方法
mkijnbgt的博客
04-27 3008
【代码】JS删除DOM元素的两种方法。
【javascript】原生js对Dom节点的操作方法总结（一）
qq_40591925的博客
09-28 2652
原生js对Dom节点的操作方法总结, getComputedStyle, 节点位置， getBoundingClientRect， 滚动监听， getAttribute，setAttribute, DOM节点创建节点、添加节点、删除节点、复制节点、替换节点, 判断节点类型, 获取元素(document.getElementById等)， 节点关系及获取方式 innerHTML 、 innerText、outerhtml的区别
JavaScript：js删除dom节点或div的2种常见方式，附例子和运行效果
m0_60607562的博客
04-17 1606
前端框架太多了，真的学不动了，别慌，其实对于前端的三大马车，Angular、React、Vue 只要把其中一种框架学明白，底层原理实现，其他两个学起来不会很吃力，这也取决于你以后就职的公司要求你会哪一个框架了，当然，会的越多越好，但是往往每个人的时间是有限的，对于自学的学生，或者即将面试找工作的人，当然要选择一门框架深挖原理。JS 内容涉及到的知识点较多，看到网上有很多人建议你从头到尾抱着那本《JavaScript高级程序设计》学，我是不建议的，毕竟刚接触 JS 谁能看得下去，当时我也不能，也没那样做。
js 原生删除一个dom元素
业余前端的职业经历
02-07 2584
哎 jquery用惯了 可能突然用原生一下子可能想不起来了 这个时候是不是很尴尬哈 jquery 简单 直接在元素上 remove 就可以了 原生删除的方法是 el1.removeChild(el2); // 往往 el1 是 el2的父节点哈 好像没有自己删除自己的方法 如果一个元素想自己删除自己的话 那就通过父节点来删除吧 比如 : el.parentNode.removeChild(el); 关注我 持续更新前端知识 ...
原生js实现查找/添加/删除/指定元素的class
10-27
查找、添加、删除、指定元素的class使用原生js实现不可思议吧，感兴趣的朋友可以参考下哈，希望可以帮助到你
js:如何删除dom元素
Fiona_lms的博客
06-08 2万+
这几天，在做移动端的一个项目，然后遇到遇到一个问题，就是动态添加的dom元素，如何删除，平时的遇到的都是删除dom元素的属性，这个还真是第一次遇到，百度了网上的资源，也搜到了，代码如下 var parent=document.getElementById("part2"); var child=document.getElementById("child"); parent.removeCh...
原生js删除html,原生js操作dom添加删除替换class
weixin_39892800的博客
05-30 212
1.比较传统的方法var classVal = document.getElementById("id").getAttribute("class");//删除的话classVal = classVal.replace("someClassName","");document.getElementById("id").setAttribute("class",classVal );//添加的话cl...
原生JS给DOM元素增加修改删除class
Missing
10-16 3122
上古时代常用的方法 document.getElementsByTagName('body')[0].className = 'snow-container'; //把所有class替换成指定class document.getElementsByClassName('test')[1].setAttribute("class",'newClass') //与上一个等价 document.ge...
JavaScript 删除Dom节点
weixin_47556601的博客
02-15 6848
大家好，今天我们来分享一下JavaScript 删除Dom节点 在JavaScript当中，删除节点的步骤： 先获取到父节点，再通过父节点来删除自己（子节点） 这里，提醒一下，自己不可以删除自己 看源码： ```bash <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head&gt
JS中常见原生DOM操作API【总结整理)
程序猿开发日志【学习永无止境】
11-29 2万+
几种对象 Node Node是一个接口，中文叫节点，很多类型的DOM元素都是继承于它，都共享着相同的基本属性和方法。常见的Node有 element，text，attribute，comment，document 等（所以要注意 节点 和 元素 的区别，元素属于节点的一种）。 Node有一个属性 nodeType 表示Node的类型，它是一个整数，其数值分别表示相应的Node类型
原生js删除节点、替换节点、复制节点
热门推荐
LLL_liuhui的博客
04-17 3万+
1、removeChild() 用来删除父节点的一个子节点。 parent.removeChild(childNode); 如下：<div id="box"> <p id="p1">这是一个段落</p> <p id="p2">第二个段落</p> </div> <script> var box=document.getElementById("box"); //找到父元素
原生js dom操作
yuling__ting的博客
05-24 1706
这里说说一些原生js操作dom的方法： 1，元素的获取       getElementById()，getElementsByTagName()，getElementsByClassName()，这里要注意这个getElementsByClassName()在ie8以下是不兼容的。 2，元素操作方法       (1)node.appendChild(node1：向某个节点添加一个子节点
原生js操作dom的笔记整理
isxixi的博客
12-06 1万+
javascript分为3部分 ECMAScript 基础语法 DOM d – document o object m –model 文档对象模型 BOM DOM DOM 给我们提供了一些方法，让我们可以使用js来控制页面中的标签等。页面元素 – 页面中的标签 常用的dom方法 document.getElementById(“box”);//通过id获取标签 document.g
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值