2016.11.11 HTML DOM（对象方法 属性 访问 修改）

最新推荐文章于 2022-08-09 09:01:14 发布
最新推荐文章于 2022-08-09 09:01:14 发布
阅读量1.1k 收藏
点赞数
分类专栏： 前端 文章标签： html5 javascript 对象 dom
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36434014/article/details/53126643
版权

对象方法：getElementsByTagName() 返回包含带有指定标签名称的所有元素的节点列表（集合/节点数组）。getElementsByClassName()     返回包含带有指定类名的所有元素的节点列表。appendChild()把新的子节点添加到指定节点。removeChild()删除子节点。replaceChild()替换子节点。insertBefore()在指定的子节点前面插入新的子节点。createAttribute()创建属性节点。createElement()     创建元素节点。createTextNode()     创建文本节点。getAttribute()     返回指定的属性值。setAttribute()     把指定属性设置或修改为指定的值。

属性：innerHTML属性对于获取或替换 HTML 元素的内容很有用。nodeName 属性：规定节点的名称。是只读的。元素节点的 nodeName 与标签名相同。属性节点的 nodeName 与属性名相同。文本节点的 nodeName 始终是 #text。文档节点的 nodeName 始终是 #document。nodeValue ：属性规定节点的值。文本节点的 nodeValue 是文本本身。属性节点的 nodeValue 是属性值。nodeType 属性返回节点的类型。nodeType 是只读的。

访问: getElementById。getElementsByTagName:返回带有指定标签名的所有元素。getElementsByClassName：查找带有相同类名的所有 HTML 元素；（返回一个列表）。

修改：创建新的 HTML 元素 - appendChild()，

e家族
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
第三章作业
qq_43028295的博客
12-13 1449
一简答题 第1题 回答要点： （1）Core DOM使用getElement系列或层次关系访问节点，然后使用nodeValue获取属性值。 （2）HTML DOM提供的获取节点的属性值的方法是getAttribute(“属性名”)，改变节点属性值的方法是setAttribute(“属性名”,“属性值”)。 第2题 回答要点： （1）style属性设置样式的方法为：HTML元素.style.样式属性...
第三章
m0_54680860的博客
03-01 689
第三章 JavaScript操作DOM对象 3.1 DOM操作 DOM是Document Object Model的缩写，即文档对象模型。 3.1.1 DOM操作分类 操作DOM是通常分为三类：DOM Core(核心)、HTML-DOM和CSS-DOM。 1.DOM Core DOM Core不是JavaScript的专属品，它的用途不仅限于处理一种使用标记语言编写出来的文档。 2.HTML-DOM 它提供了一些更简单的标记来描述各种HTML元素的属性。 3.CSS-DOM CSS-DOM技术的主要作用是
ACCP6.0使用javascript增强交互效果第三章课后习题答案
11-03
ACCP6.0使用javascript增强交互效果第三章课后习题答案
jQuery 操作DOM总结,DOM Core操作,HTML-DOM操作和CSS-DOM操作
xyjikl
12-15 1485
jQuery创建元素节点或文本节点或属性节点、jQuery插入节点、jQuery删除节点、jQuery复制节点、jQuery替换节点、jQuery包裹节点、jQuery属性操作、jQuery样式操作、jQuery设置和获取HTML、文本和值、jQuery遍历节点 　　jQuery操作DOM的总结分享，个人学习笔记!分享的总结不一定很详细，不会每个方法的用法及详细描述及说明，只是一个概述! 　　
DOM节点操作属性和方法
weixin_43723064的博客
12-16 549
一、访问/获取节点 document.getElementById(id);　　　　　　　　 　　//返回对拥有指定id的第一个对象进行访问 document.getElementsByName(name);　　　　　　//返回带有指定名称的节点集合　　 注意拼写:Elements document.getElementsByTagName(tagname); 　　//返回带有指定标签名的对象集合...
HTML DOM属性和方法
星的博客
08-09 350
1.Attr对象 2.Document 对象 3.Element 对象 4.Event(事件) 5.Event(事件)对象 6.HTMLCollection 7.Location 对象 8.Navigator 对象 9.Screen 对象 10.Style 对象 11.Window 对象
访问HTML之DOM对象的节点属性和方法
weixin_45147894的博客
10-14 1295
文本对象模型DOM是定义访问和处理HTML文档的标准方法。DOM对象模型的出现，使得HTML元素成为对象。借助javascript就能操作HTML元素。 HTML元素允许相互嵌套，DOM将HTML文档呈现为带有元素、属性和文本的树结构（节点图）。将HTML代码分解为DOM节点层次图。 ...
achouri1.github.io
04-11
JavaScript通过DOM API可以修改网页内容，例如通过`document.getElementById`、`querySelector`等方法选取元素，然后改变其属性或样式。 7. **AJAX**：Asynchronous JavaScript and XML，虽然名字里有XML，但实际...
spirrit.github.io:测试地点
03-06
6. **DOM操作**：JavaScript可以直接操作文档对象模型（DOM），用于动态修改网页内容，如添加、删除、查找元素，以及改变元素的属性和样式。 7. **ES6及后续版本**：ECMAScript是JavaScript的标准化规格，ES6（也...
JavaScript权威指南（第5版）PDF版本下载.txt
07-17
- **第4章：对象**：探讨了JavaScript中的对象模型，包括对象创建、属性访问和修改等。 #### 2. 进阶篇 - **第5章：数组**：深入讲解了数组对象及其常用方法。 - **第6章：字符串**：介绍了字符串处理的相关知识和...
DOM下的节点属性和操作小结
12-11
属性： 1 .nodeName 节点名称，相当于tagName.属性节点返回属性名，文本节点返回#text。nodeName，是只读的。 2 .nodeType 值：1，元素节点；2，属性节点；3，文本节点。nodeType是只读的。 3 .nodeValue 返回一个字符串，指示这个节点的值。元素节点返回null，属性节点返回属性值，文本节点返回文本。nodeValue可读可写，这是对元素节点不能写。一般只用于设置文本节点的值。 4 .childNodes 返回子节点数组。文本和属性节点的childNodes永远是null。可以用hasChildNodes()来判断是否有子节点。只读属性，要
JS操作DOM元素属性和方法大全
07-26
比较全的JS DOM编程技术，都有例子，适合对DOM想深入学习的朋友
es5:ecmascript 5 中文版 + es合集
05-18
ES5引入了`Object.defineProperty()`方法，允许我们定义或修改对象的属性特性，如可枚举性、可配置性、可写性等。 ### 2. **数组增强** ES5提供了新的数组方法，如`forEach()`, `map()`, `filter()`, `reduce()`等...
jswork
02-22
8. DOM操作：JavaScript可以操作文档对象模型（DOM），通过DOM API添加、删除、修改HTML元素，实现页面动态更新。 9. BOM处理：浏览器对象模型（BOM）允许JavaScript访问和控制浏览器特性，如窗口大小、历史记录、...
DOM操作获取元素节点及切换元素属性值
z_2532040197的博客
07-14 1438
DOM 是document object model （文档对象模型 ），它是W3C产业联盟制定的浏览器对程序员提供的对HTML文档操作的接口；把文档中的代码翻译成一个对象模型。 在这个模型中 所有相关的标签属性注释文本等等12种数据 都翻译为一种类型的对象 统称节点对象。 这些对象之间在文档模型数据结构中存在某种关系: 根节点 父子节点 同胞节点等等。 ...
JavaScript操作DOM对象
mashihaonb的博客
01-22 279
JavaScript操作DOM对象 DOM操作 DOM是Document Object Model 的缩写，即文档对象模型，是基于文档编程的一套API接口，1998年，W3C发布了第级的DOM规范.这个规范允许访问和操作HTML页面中的每个单独元素如网页的表格、图片、文本、表单元素等。由于大部分主流的浏览器都执行了这个标准，因此基本解决了浏览器兼容性的问题。 使用JavaScript操作DOM时分为三个方面: DOMCore (核心)、HTML-DOM 和CSS- -DOM。通过这些标准，开发人员可以让网页
第四章 DOM节点操作
weixin_30872671的博客
01-12 86
1.什么是DOM：DOM（document object model）文档对象模型，把每一个元素看做是一个节点，然后对节点进行增删改查的操作 2.DOM的分类：（1）Core Dom：可以对html，XHTML，xml进行操作（2）html DOM：可以对html，XHTML进行操作（3）XML DOM：可以对xml进行操作 3.DOM节点的分类：（1）标签称之为元素节点（2）属性称之为属性...
2016.11.11 HTML DOM（对象方法 属性 访问 修改 事件 导航节点）
qq_36434014的博客
11-11 1611
对象方法：getElementsByTagName() 返回包含带有指定标签名称的所有元素的节点列表（集合/节点数组）。getElementsByClassName()     返回包含带有指定类名的所有元素的节点列表。appendChild()把新的子节点添加到指定节点。removeChild()删除子节点。replaceChild()替换子节点。insertBefore()在指定的子节点前面插
DOM对象，控制HTML元素（1）
weixin_30788239的博客
02-26 111
1：getElementsByName(name)方法 它是通过元素的name属性来查询元素，而不是通过id属性。getElementById()方法是通过元素的id属性来获取元素的。 注意： 该方法返回的是元素的数组，而不是一个元素。 和数组类似也有length属性，可以和访问数组一样的方法来访问，从0 开始。 看看如下代码： 运行结果： 2:getElement...
简述CoreDOM与HTMLDOM访问和修改节点属性值的方法
最新发布
05-18
CoreDOM和HTMLDOM是两种不同的文档对象模型，它们的访问和修改节点属性值的方法也有所不同。 在CoreDOM中，可以通过以下步骤来访问和修改节点属性值： 1. 获取对应的节点对象，可以使用getElementById、getElementsByTagName等方法获取节点对象。 2. 使用getAttribute和setAttribute方法来获取和设置节点属性值。 示例代码如下： ``` // 获取节点对象 var node = document.getElementById("myNode"); // 获取节点属性值 var attrValue = node.getAttribute("myAttr"); // 设置节点属性值 node.setAttribute("myAttr", "newValue"); ``` 在HTMLDOM中，可以通过以下步骤来访问和修改节点属性值： 1. 获取对应的节点对象，同样可以使用getElementById、getElementsByTagName等方法获取节点对象。 2. 直接通过节点对象的属性来获取和设置节点属性值。 示例代码如下： ``` // 获取节点对象 var node = document.getElementById("myNode"); // 获取节点属性值 var attrValue = node.myAttr; // 设置节点属性值 node.myAttr = "newValue"; ``` 需要注意的是，在HTMLDOM中，不是所有的节点属性都可以直接通过属性访问和修改，例如class、for等属性需要通过className、htmlFor等属性来访问和修改。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值