JavaScript操作DOM元素

查询：

①、标准DOM操作API：

　　document.getElementById("id")、

　　document.getElementsByTagName("div")[0]、

　　document.getElementsByName("name")[0]、

　　document.getElementsByClassName('class')[0]、

　　document.querySelectorAll(".class")[0]。

②、属性获取：

　　getAttribute、

　　getAttributeNode。

③、①亲属访问：chilidNodes、attributes。

　　②从一个节点访问另一个节点：

　　　　访问父节点parentNode、

　　　　访问上一个兄弟节点previousSilbling、

　　　　访问下一个兄弟节点nextSilbling、

　　　　访问第一个属性节点attributes[0]。

增加：

①、创建节点：

　　创建元素节点document.creatElement、

　　创建文本节点document.creatTextNode、

　　创建属性节点document.creatAttribute、

　　innerHTML、

　　innerText、

　　cloneNode()。

②、加入：

　　追加到结尾appendChild、

　　innerHTML、

　　将元素追加到某一元素之前insertBefore，使用方法是父元素.insertBefore(新，旧)；。

三、删除节点：removeChild、removeAttributeNode

转载于:https://www.cnblogs.com/gzy-tw/p/10061100.html

JavaScript操作DOM元素相关推荐

【面试必备】javascript操作DOM元素
前言时间过的真快,不知不觉就到年底了.问问自己,这一年你对自己的工作满意吗? 评价标准是什么呢?当然是马云的那两条准则了:钱给到了吗?干的爽吗?如果答案都是no,那么,你准备好跳槽了吗? 为了应对年 ...
jQuery操作Dom元素、jQuery遍历、JavaScript遍历
目录 jQuery操作Dom元素 jQuery遍历几种方式 JavaScript遍历 jQuery操作Dom元素 jQuery的主要用法为"选择某个dom元素,再对其进行某种操作" ...
Javascript操作DOM常用API总结
文本整理了javascript操作DOM的一些常用的api,根据其作用整理成为创建,修改,查询等多种类型的api,主要用于复习基础知识,加深对原生js的认识. 基本概念在讲解操作DOM的api之前, ...
JavaScript操作DOM对象
目录一.DOM操作 (一).DOM操作分类 (二).节点和节点的关系 (三).访问节点 (四).节点信息二.操作节点 (一)操作节点的属性 (二).创建和插入节点 (三).删除和替换节点 (四). ...
jQuery操作DOM元素案例
直接打开注释即可观察效果,都已经测试通过!!! <!DOCTYPE html> <html><head><meta charset="UTF-8&q ...
【repost】Javascript操作DOM常用API总结
Javascript操作DOM常用API总结文本整理了javascript操作DOM的一些常用的api,根据其作用整理成为创建,修改,查询等多种类型的api,主要用于复习基础知识,加深对原生js的认 ...
electronjs设置宽度_Js操作DOM元素及获取浏览器高宽的简单方法
在JavaScript中,经常会来获取Document文档元素,是 HTML 文档对象模型的英文缩写,Document Object Model for HTML,是基于浏览器编程,HTML DOM ...
JavaScript操作DOM对象 Day05
JavaScript操作DOM对象 0 核心浏览器网页就是一个Dom树形结构! 获取Dom节点:得到Dom节点更新:更新Dom节点添加:添加一个新的节点删除:删除一个Dom节点要操作一个Do ...
JavaScript基础——第三章，JavaScript操作DOM对象
JavaScript操作DOM对象 DOM:Document Object Model (文档对象模型) 节点和节点的关系访问节点使用getElement系列方法访问指定节点根据层次关系访问节点 ...

JavaScript操作DOM元素

JavaScript操作DOM元素相关推荐

最新文章

热门文章