11、contentEditable

　　作用：设置或返回元素内容可否编辑布尔值，HTML5新增属性

<!DOCTYPE html>

<html>

<head>

    <title>cloneNode</title>

    <meta charset="utf-8">

</head>

<body>

    <ul id="one">

        <li>可编辑</li>

        <li>不可编辑</li>

    </ul>

    <script>

        var one=document.getElementById("one");

        var lis=one.getElementsByTagName("li");

        lis[0].contentEditable=true;

        console.log(lis[0].contentEditable);

        console.log(lis[1].contentEditable);

    </script>

</body>

</html>

结果：

12、dir

　　作用：设置或者返回元素文本方向，默认为空

<!DOCTYPE html>

<html>

<head>

    <title>cloneNode</title>

    <meta charset="utf-8">

</head>

<body id="one">

    <p dir="rtl">文本</p>

    <p dir="ltr">文本</p>

    <p>文本</p>

    <script>

        var p=document.getElementsByTagName("p");

        console.log(p[0].dir);

        console.log(p[1].dir);

        console.log(p[2].dir);

    </script>

</body>

</html>

结果：

13、firstChild

　　作用：返回元素的第一个子节点（注意是节点，不是元素）

<!DOCTYPE html>

<html>

<head>

    <title>cloneNode</title>

    <meta charset="utf-8">

</head>

<body>

<div id="one">

    文本节点

    <p>文本</p>

</div>

    <script>

        var one=document.getElementById("one");

        var first=one.firstChild;

        console.log(first.nodeValue);

    </script>

</body>

</html>

结果：

14、getAttribute

　　作用：返回指定的属性名的值

15、getAttributeNode

　　作用：返回指定的属性节点

16、getElementsByTagName

　　作用：返回指定标签名的后代元素集合

<!DOCTYPE html>

<html>

<head>

    <title>firstChild</title>

    <meta charset="utf-8">

</head>

<body>

<div id="one">

    <ul>

        <li>第一个li</li>

        <ul>

            <li>第二个li</li>

        </ul>

    </ul>

</div>

    <script>

        var one=document.getElementById("one");

        var lis=one.getElementsByTagName("li");

        console.log(lis.length);

    </script>

</body>

</html>

结果：

17、getFeature

　　作用：返回指定特征的执行APIs对象

18、getUserData

　　作用：返回一个元素中关联键值的对象

19、hasAttribute

　　作用：判断元素是否有指定属性，存在返回true，否则返回false

20、hasAttributes

　　作用：判断元素是否有属性，有返回true，否则返回false

21、hasChildNodes

　　作用：判断元素是否具有任何子节点（不只是元素），有返回true，否则返回false

<!DOCTYPE html>

<html>

<head>

    <title>hasChildNodes</title>

    <meta charset="utf-8">

</head>

<body>

<div id="one">

    文本

</div>

<div id="two"></div>

    <script>

        var one=document.getElementById("one");

        var two=document.getElementById("two");

        console.log("第一个DIV是否有子元素"+one.hasChildNodes());

        console.log("第二个DIV是否有子元素"+two.hasChildNodes());

    </script>

</body>

</html>

结果：

22、id

　　作用：设置或返回元素的id属性

DOM元素对象的属性和方法（2）的更多相关文章

  1. DOM元素对象的属性和方法（1）

    一.accessKey() 作用:获取元素焦点快捷键:设置快捷键后,使用Alt+快捷键,让元素快速获得焦点, <!DOCTYPE html> <html> <head&g ...

  2. HTML DOM对象的属性和方法

    HTML DOM对象的属性和方法 HTML DOM 对象有几种类型: 1.Document 类型 在浏览器中,Document 对象表示整个 HTML 文档. 1.1属性 引用文档的子节点 docum ...

  3. HTML DOM对象的属性和方法介绍(原生JS方法)

    HTML DOM对象的属性和方法介绍 DOM 是 Document Object Model(文档对象模型)的缩写. DOM(文档对象模型)是针对HTML和XML文档的一个API(应用程序编程接口), ...

  4. HTML中DOM对象的属性和方法的层级关系是怎样的？（目录即层次）

    HTML中DOM对象的属性和方法的层级关系是怎样的?(目录即层次) 一.总结 一句话总结:目录就是测试题 1.document取得元素(get element)的方式有哪几种? 解答:四种,分别是id ...

  5. JavaScript中的window对象的属性和方法；JavaScript中如何选取文档元素

    一.window对象的属性和方法 ①setTimeout()方法用来实现一个函数在指定毫秒之后运行,该方法返回一个值,这个值可以传递给clearTimeout()用于取消这个函数的执行. ②setIn ...

  6. HTML DOM 元素对象

    HTML DOM 元素对象 HTML DOM 节点 在 HTML DOM (Document Object Model) 中, 每个东西都是 节点 : 文档本身就是一个文档对象 所有 HTML 元素都 ...

  7. jquery中dom元素的attr和prop方法的理解

    一.背景 在编写使用高版本[ jQuery 1.6 开始新增了一个方法 prop()]的jquery插件进行编写js代码的时候,经常不知道dom元素的attr和prop方法到底有什么区别?各自有什么应 ...

  8. JQUERY选择和操作DOM元素（利用正则表达式的方法匹配字符串中的一部分）

    JQUERY选择和操作DOM元素(利用正则表达式的方法匹配字符串中的一部分) 1.匹配属性的开头 $("[attributeName^='value']"); 2.匹配属性的结尾 ...

  9. JS中的RegExp对象常用属性和方法

    JavaScript提供了一个RegExp对象来完成有关正则表达式的操作和功能,每一条正则表达式模式对应一个RegExp实例.有两种方式可以创建RegExp对象的实例. 使用RegExp的显式构造函数 ...

随机推荐

  1. mysql root@::1 意义

    root@::1 ::1 是IPv6格式的 127.0.0.1

  2. Android SDK目录结构和工具介绍

    Android SDK目录结构和工具介绍是本文要介绍的内容,主要是来了解并学习Android SDK的内容,具体关于Android SDK内容的详解来看本文. AD: Android SDK目录结构和 ...

  3. poj 3255 求次大最短路

    Roadblocks Time Limit: 2000MS   Memory Limit: 65536K Total Submissions: 5508   Accepted: 2088 Descri ...

  4. HDU2842-Chinese Rings(递推+矩阵高速幂)

    pid=2842">题目链接 题意:求出最少步骤解出九连环. 取出第k个的条件是,k-2个已被取出,k-1个仍在支架上. 思路:想必九连环都玩过吧,事实上最少步骤就是从最后一个环開始. ...

  5. codeblocks 使用指南z

    1.界面风格更改 首先贴怎么普通设置出来,或者改配置文件 这是我的风格 类似于DEV-CPP里面的一个主题,看的很舒服 具体设置如下: Settings-Editor 1.代码当前行高亮 在Gener ...

  6. NVelocity模板引擎学习笔记

    NVelocity模板引擎学习笔记 学习模板引擎有一段时间现在做一些总结

  7. JQuery 拖动层

    <html> <head> <meta http-equiv="Content-Type" content="text/html; char ...

  8. iOS设计模式解析（六）代理模式

    代理模式:为其他对象创建一个代理以控制对这个对象的访问 UML解释:客户端向Proxy发起一个Request()请求,Proxy对象会把这个Request转发给Proxy对象的RealSubject. ...

  9. protocol(协议)

      可以用来声明一大堆方法(不能声明成员变量) 只要某个类遵守了这个协议,就相当于拥有这个协议中的所有方法声明 只要父类遵守了某个协议,就相当于子类也遵守了   //定义一个名叫MyProtocol的 ...

  10. Vim 扩展工具 vim-ide (转)

    通过简单的配置文件将 vim 打造成专业 ide,支持 mac linux cygwin.看过数篇 vim 配置文件,必要时去定制vim 的插件,将 vim 的 ide 用户体验尽量做到极致. 使用范 ...