HTML DOM中几个常用的属性

nodeName + nodeValue + nodeType

nodeName : 某个节点的名称。

元素节点的 nodeName 是标签名称

属性节点的 nodeName 是属性名称

文本节点的 nodeName 永远是 #text

文档节点的 nodeName 永远是 #document

注：nodeName 永远是大写的

nodeValue : 某个节点的值。

对于文本节点，nodeValue 属性包含文本。

对于属性节点，nodeValue 属性包含属性值。

注：nodeValue 属性对于文档节点和元素节点是不可用的。

nodeType ：属性可返回节点的类型。

最重要的节点类型是：

元素类型 -> 节点类型

元素element -> 1

属性attr -> 2

文本text -> 3

注释comments -> 8

文档document -> 9

HTML DOM中几个常用的属性

时间： 2024-10-10 15:05:28

HTML DOM中几个常用的属性的相关文章

js学习总结----DOM中的节点和关系属性

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="div1"> <h1>培训课程</h1> <ul> <li>html+css&

//clientWidth;//内容宽度Width+左右填充padding//clientHeight;//内容高度height+上下填充padding//clientLeft;//左边框的宽度相当于border-left//clientTop;//上边框的宽度相当于border-top//offsetWidth;//clientWidth+左右边框//offsetHeight;//clientHeight+上下边框//scrollHeight;//真实内容宽度+上填充padding//scro

css中一些常用的属性和属性值

今天和大家分享一下有关css中的一些常用的属性和属性值: ①颜色属性 color ②background 背景属性其属性值有: 1,Background-image: 背景图片 2,Background-repeat: 背景重复 Repeat-x(x轴方向重复) | repeat-y(y轴方向重复) |no-repeat(不重复) 3,Background-attachment: 背景附件 scroll(默认值) fixed(固定) 4,Background-position:背景位置 L

JS学习之DOM节点的关系属性封装、克隆节点、Dom中Style常用的一些属性等小结

JS DOM节点: 在JS DOM中节点的关系被定义为节点的属性: 通常有以下几种节点之间的关系: (这里的关系是所有浏览器都支持的) parentNode 父节点 childNodes 子节点 firstChild 父节点里的第一个子节点 lastChild 父节点里的最后一个子节点 nextSibling 与子节点并列的下一个兄弟节点 previousSibling 与子节点并列的上一个兄弟节点火狐与谷歌支持而ie8不支持的节点关系有: previous

DOM中document对象的常用属性方法总结

提要: 每个载入浏览器的 HTML 文档都会成为 Document 对象. Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问 1.常见对象属性 document.title //设置文档标题等价于HTML的<title>标签document.bgColor //设置页面背景色document.fgColor //设置前景色(文本颜色)document.linkColor

jQuery中一些不常用的方法属性【转载】

index(subject) 搜索与参数表示的对象匹配的元素,并返回相应元素的索引值.如果找到了匹配的元素,从0开始返回:如果没有找到匹配的元素,返回-1. data() data(elem):为页面对象添加唯一标识. data(name, value):将数据保存在元素的一个key里面.$("#box").data("shape","rectangle"). data(name):获取值.$("#box").data(&qu

DOM操作一些常用的属性总结

1.DOM:文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法.DOM 将HTML文档呈现为带有元素.属性和文本的树结构(节点树). 2.DOM的一些常用的属性 2.1 通过ID获取元素 (1)语法: document.getElementById("id"); (2)作用:id就向一个人的身份证,我们可以通过寻找标签的id来寻找标签,然后进行相应的操作. (3)注意:不要忘记写document! 2.2 innerHTML属性 (1)

DOM中的节点属性

我们在做web测试时,适当了解前端的知识有助于我们测试工作中bug的定位,同时也有助于自动化测试中的元素定位.下面我简单写一下关于JavaScript中的DOM的节点元素. DOM ,文件对象模型,主要是针对HTML 和XML文档中的一个api(应用程序接口).DOM定义了访问和处理HTML文档的标准方法,描绘了一个层次化的节点树.DOM将HTML文档呈现出元素.属性和文本的树形结构. 在DOM中,每一个节点都是一个对象.DOM节点都有三个重要的属性: 1. nodeName : 节点的名称 2

[js高手之路] dom常用节点属性兼容性详解与应用

一.每个DOM节点都有一个nodeType属性,表示节点类型, NodeType一共有12种类型,我们可以通过遍历内置的Node构造函数获取 1 window.onload = function(){ 2 var str = "<table>"; 3 for( var key in Node ){ 4 str += "<tr>"; 5 str += "<td>" + key + "</td>