HTML DOM及获取的方法

本文介绍了HTML DOM,它是W3C标准,允许程序和脚本动态访问和更新HTML文档的内容、结构和样式。HTML DOM将HTML文档视为节点树,提供了通过JavaScript获取、修改、添加或删除元素的方法。文章详细讲解了通过ID、name属性、标签名、类名、html方法、body方法以及选择器等7种方式获取DOM元素。
摘要由CSDN通过智能技术生成

HTML DOM

HTML DOM 定义了访问操作HTML文档的标准方法

DOM(Document Object Model)

DOM 是 W3C(万维网联盟)的标准。
DOM 定义了访问 HTML 和 XML 文档的标准:
“W3C 文档对象模型 (DOM) 是中立于平台和语言的接口,它允许程序和脚本动态地访问和更新文档的内容、结构和样式。”

W3C DOM 标准被分为 3 个不同的部分:
核心 DOM - 针对任何结构化文档的标准模型
XML DOM - 针对 XML 文档的标准模型(XML DOM 定义了所有 XML 元素的对象和属性,以及访问它们的方法。)
HTML DOM - 针对 HTML 文档的标准模型(HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。)

HTML DOM

HTML DOM 将 HTML 文档视作树结构。这种结构被称为节点树:
节点树
在 HTML DOM 中,所有事物都是节点。DOM 是被视为节点树的 HTML,树中的所有节点均可通过 JavaScript 进行访问。所有 HTML 元素被定义为对象,而编程接口则是对象方法和对象属性。其方法是执行的东西,属性是获取的值。

HTML的获增删查改

获取

JS获取DOM的7种方法
1.通过ID获取
// 通过ID获取
<body>
    <div id="ID">
        获取ID
    </div>
</body>

<script>
var get = document.getElementById("ID")
console.log(get)
</script>
  1. 上下文是document(因为该方法在document类原型上)
  2. 参数是String类型,是获取元素的ID
  3. 返回值指取到一个元素,如果没有找到则返回NULL
2.通过name属性获取
<body>
    <input type="button" value="点击" name="name1">
    <p>演示方法<
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值