DOM通过不同方法获得属性节点的值

最新推荐文章于 2023-06-10 16:24:42 发布

slinace

最新推荐文章于 2023-06-10 16:24:42 发布

阅读量856

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/slinace/article/details/79290546

版权

html 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<html>
<meta charset="utf-8">
<script>
function b()
{
var a = document.getElementById("id1");

var b = a.attributes;

//默认属性可以直接获取

document.write(a.id);

document.write("<br />");

//通过属性节点数组获取（位置0代表id的属性节点）

document.write(b[0].nodeValue);

document.write("<br />");

//自定义属性可以通过下面两种方式获取

// 1

document.write(a.getAttribute("id"));

document.write("<br />");

// 2

document.write(a.attributes["id"].nodeValue);

}

</script>
<input id = "id1" name = "输入" class = "class1"
test = "test1" value = "这是一个输入框">
<br />
<button οnclick="b()">这是一个按钮</button>

</html>

//一个不错的模仿天猫前端练手项目

http://how2j.cn/k/tmall-front/tmall-front-790/790.html?p=31723点击打开链接

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

slinace

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
DOM通过不同方法获得属性节点的值

复制链接

扫一扫

专栏目录

angular中设置DOM节点属性和获取dom值以及通过ViewChild调用子组件的方法

qq_39962271的博客

02-14

1208

angular中设置DOM节点属性和获取dom值以及通过ViewChild调用子组件的方法什么是dom节点？在网页中所有对象和内容都被称为节点，如文档、元素、文本、属性、注释等。节点（Node）是 DOM 最基本的单元，并派生出不同类型的节点，它们共同构成了文档的树形结构模型。根据 DOM 规范，整个文档是一个文档节点，每个标签是一个元素节点，元素包含的文本是文本节点，元素的属性是一个属性节点，注释属于注释节点，以此类推。一、angular中设置DOM节点属性和获取dom值 1、首先，进行Angula

18.js-dom-根据属性找节点

yun1996的博客

07-04

620

通过html元素的标签属性找节点。 document.getElementById("html元素的id") document.getElementsByTagName("标签名") document.getElementsByName("html元素的name") <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/D...

参与评论您还未登录，请先登录后发表或查看评论

DOM获取属性节点

银河威尔的web专栏

11-07

415

console.log(a.attributes["id"].nodeType);//2 console.log(a.getAttributeNode("id").nodeType);//2 hello world

DOM属性节点

cdzmy

05-02

442

在文档对象模型 (DOM) 中，每个节点都是一个对象。DOM 节点有三个重要的属性： 1. nodeName : 节点的名称 2. nodeValue ：节点的值 3. nodeType ：节点的类型一、nodeName 属性: 节点的名称，是只读的。 1. 元素节点的 nodeName 与标签名相同 2. 属性节点的 nodeName 是属性的名称 3. 文

jacascript DOM节点——元素节点、属性节点、文本节点

08-30

`getAttribute(attr)`用于获取属性的值，而`setAttribute(attr, value)`用来设置属性的值，如果属性不存在，会创建新的属性。同样，`getAttribute()`和`setAttribute()`在处理`class`和`for`属性时，直接使用属性名...

详谈DOM简介及节点、属性、查找节点的方法

11-26

2. 属性节点（类型2）：元素的属性，如`class`、`id`等。 3. 文本节点（类型3）：包括文本、空格和回车等字符。 4. 注释节点（类型8）：文档中的注释内容。 5. document节点（类型9）：整个文档的根节点。 6. ...

dom4j 解析xml 获取节点值和节点属性

热门推荐

lvping100的博客

10-13

3万+

Document document = null; //xmlString为String类型的xml格式的数据 String xmlString="" +"" +"" +"那就這样" +"" +"xxxxxxxxxxxxxxxxxxx" +""; try { document = DocumentHelper.parseText(xmlString); Syste

javascript获取dom的下一个节点方法

10-25

综上所述，JavaScript操作DOM的`nextElementSibling`和`previousElementSibling`方法，在现代浏览器中可以有效地获取下一个和上一个元素节点，这对于处理页面元素间的交互逻辑非常关键。通过使用`parseInt`函数和...

DOM节点属性

qq_36727889的博客

04-15

661

原文：https://blog.csdn.net/yiren_99/article/details/47843879 建议阅读原文节点属性在文档对象模型 (DOM) 中，每个节点都是一个对象。DOM 节点有三个重要的属性： nodeName : 节点的名称 nodeValue ：节点的值 nodeType ：节点的类型一、nodeName 属性: 节点的名称，是只读的。...

JS--DOM节点对象，获取节点，节点属性，操作Dom节点，获取元素的偏移量，获取元素尺寸及综合练习

qq_63322025的博客

08-29

663

JS--DOM节点对象，获取节点，节点属性，操作Dom节点，获取元素的偏移量，获取元素尺寸及综合练习

两种判断节点类型的方式和对比节点值

以后的23,725天，每一天都是精彩的，现在做，一切还来的及，相信自己！

10-11

804

package jaxp.dom; import java.io.File; import javax.xml.parsers.DocumentBuilder; import javax.xml.parsers.DocumentBuilderFactory; import javax.xml.parsers.ParserConfigurationException; i

DOM元素属性、节点操作

Darlingmi的博客

06-09

334

一、通过DOM操作元素的属性 1、操作style属性书写规则：元素对象.style.样式属性名例如： body.style.backgroundColor background-color --> backgroundColor font-size --> fontSize 2、操作className属性通过该属性可以改变元素的class属性值书写规则：元素对象.className 例： <div class=''>用户名：

初学JavaScript：HTML DOM

lalala_dxf的博客

04-16

1365

DOM 简介 DOM是JS操作网页的接口，全称为“文档对象模型”（Document Object Model）。它的作用是将网页转为一个JS对象，从而可以用脚本进行各种操作（比如增删内容）（可以理解为对一个网页节点进行增删操作，一个节点可以是一对html标签，也可以是一对span标签）。拆分理解下： • 文档 – 文档表示的就是整个的HTML网页文档，也就做结构树 • 对象 – 对象表示将网页中的每一个部分都转换为了一个对象。 • 模型 – 使用模型来表示对象之间的关系，这样方便我们获取对象文档对象

DOM常用属性【DOM】

QQ1012421396的博客

08-20

6176

DOM属性： DOM属性是节点（HTML 元素）的值，您能够获取或设置。文档里的每个节点都有以下3个属性：nodeName, nodeType, nodeValue。更有一些常用属性：innerHTML，parentNode，childNodes ，attributes ，firstChild，lastChild， nextSibling， previousSibling， leng

dom节点的概念、基本属性和基本类型

雷雨天的雷胖子

03-31

5913

目录一、dom节点的概念二、dom节点的基本属性三、dom节点的基本类型元素节点属性节点文本节点注释节点文档节点文档类型节点文档片段节点一、dom节点的概念 dom是w3c标准，全称Document Object Model，翻译为文档对象模型，是一套操作html和xml的标准API（应用程序编程接口）。dom将文档内容呈现在Javascript面前，...

js——属性和属性节点样式操作

肖的博客

08-25

1760

属性：对象身上保存的变量就是属性 ele[attr];//获取属性 ele[attr]=value;//设置属性属性节点：在html添加的属性就是属性节点，保存在attributes里面 ele.getAttribute(attr);//获取属性节点 ele.setAttribute(attr,value);//设置属性节点...

Dom 获取 & 属性操作