前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >什么是dom_字母圈术语大全

什么是dom_字母圈术语大全

作者头像
全栈程序员站长
发布2022-09-20 10:07:01
3.2K0
发布2022-09-20 10:07:01
举报
文章被收录于专栏:全栈程序员必看

大家好,又见面了,我是你们的朋友全栈君。

DOM概述

html加载完毕,渲染引擎会在内存中吧html文档生成一个DOM树,

getElementById是获取DOM上的元素,然后操作的时候修改的该元素的属性

什么是DOM和节点

1、 DOM由节点(标签)组成

2、DOM是一个树状模型

3、节点都是object类型,都是内置对象

a)每个HTML标签都是一个元素节点

b) 标签中的文章是文字节点

c)标签的属性是属性节点

4、DOM操作就是操作节点

DOM节点的获取方法 (获取的都是标签元素)

1、id获取

document.getElementById( ” ” )

返回值是标签

2、标签名获取

dcoument.getElementsByagName( ” ” )

返回一个标签伪数组

dcoument.getElementsByagName( ” a“ )[ 0 ]获取第一个标签名a的元素

3、类名获取(不常用,H5新加的 ie6\7不支持)

document.geElementsByClassName( ” ” )

返回一个标签伪数组

如果没有获取到,返回空数组

document.geElementsByClassName( ” a” )[ 0 ]获取第一个类名是a的元素

4、标签 Name属性获取

<div name=”aaa”>

document.geElementsByName( ” “ )

5、标签的命名空间获取

docuemnt.geElementsByTegNameaNS()

6、标签属性获取 getAttributeNode

docuemnt.getAttributeNode()

代码语言:javascript
复制
var box=document.getElementById("box")
var box1=box.getAttributeNode("id")
console.log(box1)

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/167786.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档