首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

JavaScript 学习-26.HTML DOM节点节点属性

HTML DOM 是 HTML 的标准对象模型和编程接口。...它定义了: 作为对象的 HTML 元素 所有 HTML 元素的属性 访问所有 HTML 元素的方法 所有 HTML 元素的事件 换言之:HTML DOM 是关于如何获取、更改、添加或删除 HTML 元素的标准...DOM 节点 根据 W3C 的 HTML DOM 标准,HTML 文档中的所有内容都是节点: 整个文档是一个文档节点 每个 HTML 元素是元素节点 HTML 元素内的文本是文本节点 每个 HTML 属性是属性节点... 上面这段html 是根节点,它没有父节点 和 的父节点节点 的父节点是,它的子节点是一个文本节点...节点属性 在DOM中,每一个节点都是一个对象,DOM节点有三个重要的属性: nodeName: 节点的名称 nodeValue: 节点的值 nodeType: 节点的类型 以这段html为例 <body

1.4K20

JS获取html对象的几种方式说明

大家好,又见面了,我是全栈君 document.getElementById(“zx”); 通过ID获取html元素对象,ID号在html文档当中应该是唯一的。返回的是唯一element对象。...document.getElementsByTagName(“span”)[0]; 通过标签查找html对象,由于html标签在一个页面中可能重复很多次,所以当前页面返回的是一个数组。...document.getElementsByName(“hh”)[0]; 通过name属性来定位html对象,但是并不是所有标签都有name属性,但是我们可以人为的加上name属性,这样也可以定位到,由于...所以这个方法返回的也是一个数组,同样我们也可以根据html当中name的位置,进行对name的定位。IE系列不兼容,不推荐使用。...innerHTML:这个方法是获取该html元素的具体html代码 document.getElementById(“zx”).innerHTML; 还可以更新元素的html代码: document.getElementById

4.8K20

HTML5的Video标签详细说明手册

面对浏览器制造商的僵持局面,HTML 5善意的独裁者Ian Hickson甩了甩他的手并说到去他妈的。所以HTML 5规范中没有特别指名或规定的视频编码解码器。”好吧,引用到这儿。...注意,HTML中布尔属性的值不是true和false。...Type属性:用于说明src属性指定媒体的类型,帮助浏览器在获取媒体前判断是否支持此类别的媒体格式。具体的属性值,请参见W3C的文档。 ?...Media属性:用于说明媒体在何种媒介中使用,不设置时默认值为all,表示支持所有媒介。你想到标签的media属性了么?一样一样的。 ? 2.8 一个完整的例子 ?...6 Video完结 W3C网站上有一个关于HTML 5视频的举例,很好的说明了所有前面介绍的标签的使用,属性和方法以及事件的应用,非常直观。

1.9K20

JavaScript 学习-32.HTML DOM 获取和修改属性节点

前言 根据 W3C 的 HTML DOM 标准,HTML 文档中的所有内容都是节点: 整个文档是一个文档节点 每个 HTML 元素是元素节点 HTML 元素内的文本是文本节点 每个 HTML 属性是属性节点...注释是注释节点 属性节点 比如有一个p标签元素节点 点我看看 那么它有2个属性节点:id="p2"和class="text-center...)) // p2 console.log(p2.getAttribute('class')) // text-center 获取属性节点的值 比如有一个p标签元素节点...点我看看 它有的属性节点是:id="p2"和class="text-center" 属性节点是键值对的,可以根据属性名称,获取对应的值...修改元素属性节点的值跟前面获取属性方法一样,给属性重新复制即可 修改属性节点 <label

1.2K10
领券