HTML DOM 属性

最新推荐文章于 2021-06-10 11:12:58 发布
最新推荐文章于 2021-06-10 11:12:58 发布
阅读量234 收藏
点赞数
分类专栏： JavaScript 文章标签： DOM-属性
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xqing0101/article/details/51202813
版权

HTML DOM 属性是 HTML元素节点的值，可以获取或设置

innerHTML 属性：获取元素内容

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <title>innerHTML 属性 测试</title>
    <script type="text/javascript">
        // 通过getElementById()方法获取 id="info" 的 <p> 元素的 innerHTML
        var txt = document.getElementById("info").innerHTML;
        document.write(txt);
    </script>   
</head>
<body>
    <p id="info">Hello World!</p>
</body>
</html>

nodeName 属性：规定节点的名称

  • nodeName 是只读的
  • 元素节点的 nodeName 与标签名相同
  • 属性节点的 nodeName 与属性名相同
  • 文本节点的 nodeName 始终是 #text
  • 文档节点的 nodeName 始终是 #document

nodeValue 属性：规定节点的值

  • 元素节点的 nodeValue 是 undefined 或 null
  • 文本节点的 nodeValue 是文本本身
  • 属性节点的 nodeValue 是属性值

nodeType 属性：返回节点类型

  • nodeType 只读的
  • 元素的节点类型是 1
  • 属性的节点类型是 2
  • 文本的节点类型是 3
  • 注释的节点类型是 8
  • 文档的节点类型是 9
xqing0101
关注
专栏目录
浅析php插件 Simple HTML DOM 用DOM方式处理HTML
12-19
Simple HTML DOM是一个方便的PHP插件，它提供了一个简单的接口，让我们能够使用DOM（Document Object Model）方式来操作HTML。这个插件允许我们像操作DOM对象一样处理HTML，而无需直接处理复杂的正则表达式，大大...
HTML DOM属性
weixin_30315723的博客
09-01 224
一、HTML DOM属性 属性是节点（HTML元素）的值，可以对其进行修改或获取。 编程接口： 可以通过JavaScript（以及其他编程语言：可以让计算机读的懂得语言）对HTML DOM进行访问。 所有的HTML元素被定义为对象，而编程接口则是对象方法和对象属性。方法是可以执行的动作（如，添加和修改元素）；属性是能被获取或是修改的值（如，节点名称或内容） 二、HTML DOM...
html 标签属性 dom属性,HTML DOM 属性
weixin_30499557的博客
06-04 235
HTML DOM 属性上一节我们学习了HTMLDOM方法，现在我们一起来学习一下HTMLDOM属性。属性是节点(HTML 元素)的值，您能够获取或设置。编程接口可通过 JavaScript (以及其他编程语言)对 HTML DOM 进行访问。所有 HTML 元素被定义为对象，而编程接口则是对象方法和对象属性。方法是您能够执行的动作(比如添加或修改元素)。属性是您能够获取或设置的值(比如节点的...
HTML DOM 属性 对象
Memory1011的博客
11-29 74
转自：http://www.pinlue.com/article/2020/11/2017/0511355808346.html
Dom 知识点总结
...
10-01 428
在 HTML DOM 中，所有事物都是节点。DOM 是被视为节点树的 HTML。 所有 HTML 元素被定义为对象，其包含对象方法和对象属性。 方法是能够执行的动作（比如添加或修改元素）。 属性是能够获取或设置的值（比如节点的名称或内容）。 HTML DOM 对象 - 方法和属性 一些常用的 HTML DOM 方法： getElementById(id) - 获取带有指定 id 的节点（元素）
DOM下的节点属性和操作小结
12-11
属性： 1 .nodeName 节点名称，相当于tagName.属性节点返回属性名，文本节点返回#text。nodeName，是只读的。 2 .nodeType 值：1，元素节点；2，属性节点；3，文本节点。nodeType是只读的。 3 .nodeValue 返回一个...
CSS和DOM属性用法速查手册.doc
10-21
此外，还有许多其他CSS属性和DOM属性，如`display`（控制元素的可见性），`margin`和`padding`（控制元素边距和内填充），`fontSize`（设置字体大小），以及`value`（获取或设置表单元素的值）等，都是开发者日常...
Angular4学习教程之DOM属性绑定详解
08-28
Angular4学习教程之DOM属性绑定详解 Angular4学习教程之DOM属性绑定详解中，主要介绍了关于Angular4学习教程之DOM属性绑定的相关资料，文中通过示例代码介绍的非常详细，对...DOM属性的值可以改变，HTML的值不能改变
HtmlDom.rar_HTML dom_PHP HTMLdom
09-22
标题“HtmlDom.rar_HTML dom_PHP HTMLdom”指出这个压缩包文件包含与HTML DOM和PHP中处理DOM相关的资源。文件“HtmlDom.chm”很可能是一个帮助文件，提供了关于PHP HTML DOM操作的详细指南。 PHP HTML DOM的核心是`...
html的dom对象属性,HTML DOM 属性 对象
weixin_30399511的博客
06-04 241
HTML DOM 属性 对象2020-11-20HTML DOM 节点在 HTML DOM (Document Object Model) 中, 所有的都是 节点：文档是文档节点所有 HTML 元素是元素节点所有 HTML 属性都是属性节点插入到 HTML 元素中的文本为文本节点注释是注释节点Attr 对象在 HTML DOM 中, Attr 对象 代表一个 HTML 属性。HTML属性总是属于H...
HTML DOM 属性方法使用详情(1)
Chi_0phone的博客
06-02 490
DOM 是将 HTML 内容表达为树结构。    HTML DOM是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。在 HTML DOM 中，所有事物都是节点。DOM 是被视为节点树的 HTML。通过 HTML DOM，树中的所有节点均可通过 JavaScript 进行访问。所有 HTML 元素（节点）均可被修改，也可以创建或删除节点。    节点树中的节点彼此拥有...
HTML属性和DOM属性的区别
单枪匹码
12-09 3130
1、区分DOM属性和HTML属性： 1）HTML元素的属性大家都应该知道，比如：<img>元素的src，id等。 2）最终浏览器会解析HTML，构建DOM模型，也就是说浏览器会解析HTML元素为DOM元素。 3）JavaScript中获取到的都是DOM元素，而不是HTML元素。 4）HTML元素属性和DOM属性的名称大部分都相同，所以导致很多人错误的认为两者是相同的。 5）区分HTML...
html中dom什么意思,dom属性是什么意思啊 html dom是什么意思，通俗易懂
热门推荐
weixin_42453050的博客
06-10 1万+
dom的全称是Document Object Model，翻译过来是文档对象模型的意思，是W3C组织推荐的处理可扩展标志语言的标准编程接口。 DOM 定义了访问 HTML 和 XML 文档的标准： "W3C 文档对象模型 (DOM) 是中立于平台和语言的接口。DOM属性和HTML属性的区别一、是否可变的区别： html属性中的值是不变的，dom属性的值是变化的。 二、适用场合不同： 核心DOM适合...
HTML DOM之属性的各种操作方法
tian361zyc的博客
06-15 2668
DOM
html的dom对象属性,HTML DOM 对象的属性和方法
weixin_36156209的博客
06-04 208
HTML DOM 对象方法常用的方法getElementById(id) ———— 获取带有指定id的节点元素。console.log(getElementById(id) )getElementByTagName(tagename)———– 获取相应标签元素的子元素集合，它允许吧通配符作为它的参数，“”*“”一般是放在引号中以区分乘号。返回值是伪数组。console.log(getElement...
HTML DOM常用属性解析与应用
以上只是HTML DOM属性的一小部分，实际上还有许多其他属性，如`innerHTML`、`classList`、`dataset`等，它们都是构建动态网页和交互式应用的重要工具。理解和熟练使用这些属性可以极大提升网页开发的效率和功能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值