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. IIS给网站地址配置成HTTPS的

    2.增加网站绑定 3.如果https的URL访问不了,可能是443端口被占用 然后netstat -anono

  2. 协方差cov

    摘录wiki如下(红色字体是特别标注的部分): http://zh.wikipedia.org/wiki/%E5%8D%8F%E6%96%B9%E5%B7%AE 协方差 协方差(Covariance) ...

  3. JIRA官方：为什么要用JIRA？

    因为你有各种事务 工作中总是有各种事务要去处理,而这些事务不仅仅是代码中的Bug.这些事务充斥在你的收件箱中,各种想法散落在 Excel表格里,需求隐藏在原有的业务系统中.使用JIRA可以轻松捕捉和管 ...

  4. linux之SQL语句简明教程---外部连接

    之前我们看到的左连接 (left join),又称内部连接 (inner join).在这个情况下,要两个表格内都有同样的值,那一笔资料才会被选出.那如果我们想要列出一个表格中每一笔的资料,无论它的值 ...

  5. javascript数据类型、初始化

    Javascript数据类型有6种: 数值型数据类型(Number): 字符串(String): 布尔型数据(Boolean): 对象数据(Object): 空(Null): 未定义(Undefine ...

  6. poj2301

    Beat the Spread! Time Limit: 1000MS   Memory Limit: 65536K Total Submissions: 17794   Accepted: 8484 ...

  7. leetcode_question_104 Maximum Depth of Binary Tree

    Given a binary tree, find its maximum depth. The maximum depth is the number of nodes along the long ...

  8. Windows下安装Python3.4.2

    一.Windows下安装Python3.4.2 1.下载Windows下的Python3.4.2.exe 2.指定一个目录安装,然后下一步 3.配置环境变量包括Python.exe的文件.目录如下图所 ...

  9. kindeditor 下图片链接取消边框

    在项目中使用了 kindeditor,版本是4.1.10,在发布信息的时候,将图片设置成了超链接,在 IE8 或者其他个别浏览器下会自动的为图片加一个蓝色的边框,效果如下图: 这个蓝框可以通过修改信息 ...

  10. Hadoop--初识Hadoop

    什么是Hadoop? 搞什么东西之前,第一步是要知道What(是什么),然后是Why(为什么),最后才是How(怎么做).但很多开发的朋友在做了多年项目以后,都习惯是先How,然后What,最后才是W ...