document节点的操作

最新推荐文章于 2022-10-20 10:02:38 发布
最新推荐文章于 2022-10-20 10:02:38 发布
阅读量611 收藏
点赞数
分类专栏： 网页技术 文章标签： javascript xhtml input function html div
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mercury137/article/details/4938656
版权

  DOM中的document对象的应用总结：

  1.得到节点的三种方式

     getElementById(),

     getElementsByName()(注意是ELements,不是ELement,我经常忘记写),

     getElementsByTagName;    

   getElementById()可以访问DOCUMENT中的某一特定元素，顾名思义，就是通过ID来取得元素，所以只能访问设置了ID的元素  。

  <div id="p">今天星期一</div>

  getElementById("p");就可以得到这个元素；

 

   getElementsByName可以访问DOCUMENT中的所有name相同的元素，将他们放在同一个数组中，通过索引值进行索引得到元素节点

 
   var node= document.getElementsByName("radio1").item(0).value可以取得第一个节点

 

 同理，getElementsByTagName("input"),可以取得所有的input元素的节点。

 

 2.取得节点的内容

   var node=document.getElementsByName("radio1");

   var nValue=node.item(0).value;

   或var nValue=node[0].value;

 

 3取得文本的方法innerHTML和innerText的区别

  

   如果是innerText得到只是文本的内容

 

 

得到的是p内的所有内容，如果在中间加上样式，也能得到；

也就是说innerHTML的得到的内容比innerText更宽泛。

mercury137
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Document节点的操作
a335178388的博客
10-19 381
1.Document 对象的概述 每个载入浏览器的 HTML 文档都会成为 Document 对象。 Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。 提示：Document 对象是 Window 对象的一部分，可通过 window.document 属性对其进行访问 2.通过获取id进行操作 getElementById() 返回对拥有指定 id 的第一个对象的引用。 例：document.getElementById("id"); 3.通过docu.
document节点的操作方法
Always-Learning
01-12 507
获取document节点的节点类型值 console.log(document.nodeType); 当前文档的修改时间 document.lastModified 当前文档的标题 document.title 获取节点对象 document.getElementsByClassName(''); 操作cookie 设置cookie document.cookie = "xxx=xxx"; 修改cookie # 和设置cookie类似直接进行覆盖即可 document.cookie = "
document节点操作
wanwenjieGood的博客
11-01 514
parentNode:当前节点的父节点 childNodes:当前节点的所有子节点 firstchild:当前节点的第一个子节点 lastchild:当前节点的最后一个i节点 previousSibling:当前节点的前一个兄弟节点 nextSibling：当前节点的后一个兄弟节点 childNodes:返回当前节点的所有子节点，包括元素节点，属性节点，文本节点 可用nodeType来判断到底是那...
Document节点的基本操作小结
sinat_41274057的博客
07-21 422
1.Document 对象的概述 每个载入浏览器的 HTML 文档都会成为 Document 对象。 Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。 提示：Document 对象是 Window 对象的一部分，可通过 window.document 属性对其进行访问 2.通过获取id进行操作 getElementById() 返回对拥有指定 id ...
[经典]js dom DOMDocument 属性和方法
pc70762540的专栏
06-03 348
最近发现DOMDocument对象很重要,还有XMLHTTP也很重要注意大小写一定不能弄错.属性:1Attributes 存储节点的属性列表(只读)2childNodes 存储节点的子节点列表(只读)3dataType 返回此节点的数据类型4Definition 以DTD或XML模式给出的节点的定义(只读)5Doctype 指定文档类型节点(只读)6documentElement 返回文档的根元素
JavaScript 节点操作 以及DOMDocument属性和方法
10-30
JavaScript中的节点操作和DOMDocument对象是Web开发中的基础概念，它们是处理和操作HTML或XML文档的核心工具。DOM（文档对象模型）是一种标准，它允许程序和脚本动态更新、添加、删除和改变任何HTML或XML文档的结构...
document节点对象的获取方式示例介绍
09-04
以下是一些获取`document`节点对象的主要方法，通过这些方法我们可以获取到页面上的特定元素进行操作。 1. **通过ID获取**： `getElementById()`方法是获取页面上具有指定ID的唯一元素。在示例中，`documentDemo()...
XmlDocument 节点遍历C#
09-30
总的来说，`XmlDocument`类提供了强大而灵活的功能来处理XML文档，通过遍历其节点，我们可以轻松地提取和操作XML数据。在实际开发中，根据具体需求，可以结合XPath或LINQ to XML等更高级的技术进行更复杂的查询和...
js节点操作
05-03
### JavaScript 节点操作详解 #### 一、概述 JavaScript 的 DOM (文档对象模型) 是一种用于 HTML 和 XML 文档的标准对象模型。通过 DOM，开发者可以改变文档的结构、样式以及内容。本文将深入探讨 DOM 中的关键...
基本DOM节点操作
08-31
本文将深入探讨基本的DOM节点操作，帮助开发者更好地理解和应用这些操作。 1. **获取元素节点** - `getElementById()`：这是最直接的方法，通过元素的唯一ID来获取指定元素。例如，`document.getElementById('...
Dom节点操作常用方法
weixin_34227447的博客
08-22 320
Dom节点操作常用方法 1.访问/获取节点返回对拥有指定id的第一个对象进行访问 document.getElementById(id); 返回带有指定名称的节点集合　　 注意拼写:Elements document.getElementsByName(name); 　　　　返回带有指定标签名的对象集合　 注意拼写：Elements ...
document节点
JiangJunDriver的博客
01-11 1306
概述 document节点就是文档的根节点，每张网页都有自己的document节点。window.document属性就是指向这个节点。只要浏览器开始载入HTML文档，这个节点对象就存在了，可以直接调用。 document节点有不同的方法可以获取。 对于正常的网页，直接使用document或window.document。 对于iframe载入网页，使用iframe节点的cint
javascript（15）——使用document获取结点以及结点的一些方法
木子 旭的博客
01-19 1518
1.document获取结点的三种方式 document.getElementsByTagName('h1')//通过标签名字 document.getElementById('p1'));//通过标签的id属性 document.getElementsByClassName('p2');//通过标签的class名字 2.结点的一些方法和变量 给其赋值的时候需要引号包裹，作为字符串进行赋值 var father = document.getElementById('father'); var childr
17 【Document 节点】
DSelegent的博客
08-25 1146
17 【Document 节点】
dom4j如何取得name相同的节点
ATwill的专栏
12-27 3706
package xml; import java.io.File; import java.io.IOException; import java.util.List; import org.dom4j.Document; import org.dom4j.DocumentException; import org.dom4j.Element; import org.dom4j.io.SAXRea
document对象+获取节点三种方法演示：
xdd_lmd的博客
07-30 6366
document对象的演示。 该对象将标记型文档进行封装。 该对象的作用，是可以对标记型文档进行操作。 最常见的操作就是，想要实现动态效果，需要对节点操作，那么要先获取到这个节点。 要想获取节点，必须要先获取到节点所属的文档对象document。 所以document对象最常见的操作就是获取页面中的节点。 获取节点的方法体现： 1，getElementById:通过标签的id属性值获取
操作DOM节点：document.createElement、appendChild、insertBefore、removeChild、replaceChild、cloneNode（）
YY的博客
10-20 3440
增删改查DOM节点：document.createElement、appendChild、insertBefore、removeChild、replaceChild、cloneNode（）
JS之DOM操作--概述、document节点属性、document节点选中页面元素、document节点创建页面元素和属性、操作页面元素属性、操作元素内容、节点操元素样式
小白小白从不日别的博客
04-12 1850
DOM
双向链表如何实现？(c++)
私が悪いのではなく、この世界が悪いのです
11-11 250
比单链表多了一个rear前节点 #include<bits/stdc++.h> using namespace std; typedef int datatype; class Node{ //节点类 public: Node *rear; //前节点 datatype data; Node *next; //后节点 }; class dlLinkList{ //双向链表类 public:
web的document节点
最新发布
05-22
在Web开发中，Document节点是指浏览器中的文档对象模型（DOM）树中的根节点。它代表整个文档，并提供了对文档内容的访问和操作。 Document节点包含了所有的HTML元素，包括<head>、<body>等等，可以通过JavaScript代码来访问和操作这些元素。例如，可以使用document.getElementById()方法来获取一个特定元素的引用，然后通过修改其属性或添加新的子元素来修改页面内容。 此外，Document节点还提供了一些方法和属性，如createElement()、createTextNode()、appendChild()等等，用于创建和操作文档中的元素。 总之，Document节点是Web开发中非常重要的一个概念，它为我们提供了访问和操作HTML文档的入口。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值