美文网首页
HTML DOM 对象的属性和方法

HTML DOM 对象的属性和方法

作者: MY代码世间 | 来源:发表于2019-06-26 19:28 被阅读0次

HTML DOM 对象方法
常用的方法

getElementById(id) ———— 获取带有指定id的节点元素。

console.log(getElementById(id) )

getElementByTagName(tagename)———– 获取相应标签元素的子元素集合,它允许吧通配符作为它的参数,“”*“”一般是放在引号中以区分乘号。返回值是伪数组。

console.log(getElementById(getElementByTagName(tagename)) )

getElementByClassName(classname) ———– 获取带有指定classname的节点,返回值是数组。

console.log(getElementById(getElementByClassName(classname))

getAttribute() ———— 返回指定的属性值。

console.log(getElementById(getAttribute())

setAttribute() ———— 设置指定属性的值。

console.log(getElementById(getAttribute())

appendChild() ———— 插入新的子节点。

coonsole.log(getElementById(getAttribute())

removeChild() ———— 删除子节点。
replaceChile() ———— 替换子节点。
insertBefore() ———— 在指定的子节点前面插入新的子节点。
createAttribute() ———— 创建属性节点。
createElement() ————- 创建元素节点。
createTextNode() ————- 创建文本节点。
HTML DOM 对象属性
nodeName 只读
元素节点的nodeName与标签名相同。
属性节点的nodeName与属性名相同。
文本节点的noneValue始终是#text。
文档节点的nodeName始终是#document。
nodeValue 属性规定节点的值
元素节点的nodeValue是undefined和null。
文本节点的nodeValue 是文本本身。
属性节点的nodeValue 是属性值。
nodeType 属性返回节点类型,只读。

相关文章

  • 2016-11-25

    HTML DOM maxLength 属性 HTML DOM Text 对象 定义和用法maxLength 属性可...

  • 认识 HTML DOM

    目录 一、HTML DOM 树 1. HTML DOM 树 2. 节点 二、常用 DOM 对象属性与方法 1. 方...

  • 【前端】-030-DOM编程-元素属性操作

    HTML属性和DOM属性的对应关系每个HTML元素的属性都有对应的DOM对象属性 用户名: input.i...

  • HTML DOM 对象的属性和方法

    HTML DOM 对象方法常用的方法 getElementById(id) ———— 获取带有指定id的节点元素。...

  • HTML DOM 属性对象

    HTMLDOM属性对象 HTML DOM 节点 在 HTML DOM (Document Object Model...

  • JavaScript ----- 操作DOM对象的属性

    操作DOM对象的属性的方法有四种如下: DOM对象.属性名称 = 新值; DOM对象["属性名称"] = 新值; ...

  • js对象与jquery对象

    (一) 区别js对象不能使用jquery对象的方法和属性jquery对象不能使用dom对象的方法和属性 var ...

  • jQuery语法和常用函数总结

    jQ对象是对DOM对象进行包装后产生的对象,DOM对象和jQ对象中的方法和属性不可互用jQuery对象与DOM对象...

  • DOM元素

    DOM就是html文档的模型抽象。数据以树的形式在内存中排列。节点就是DOM的组成。是一个对象,有属性和方法。获取...

  • HTML+CSS+JavaScript知识点整理3

    BOM和DOM简介 Window对象属性和方法 延时器方法——setTimeout() screen屏幕对象 na...

网友评论

      本文标题:HTML DOM 对象的属性和方法

      本文链接:https://www.haomeiwen.com/subject/zemfxctx.html