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. Windows Server 2012 R2超级虚拟化之七 远程桌面服务的增强

    Windows Server 2012 R2超级虚拟化之七  远程桌面服务的增强 在Windows Server 2012提供的远程桌面服务角色,使用户能够连接到虚拟桌面. RemoteApp程序.基 ...

  2. hdu 4521 线段树改点求点的应用

    小明系列问题——小明序列 Time Limit: 3000/1000 MS (Java/Others)    Memory Limit: 65535/32768 K (Java/Others) Tot ...

  3. 聚类算法初探（六）OPTICS

    最近由于工作需要,对聚类算法做了一些相关的调研.现将搜集到的资料和自己对算法的一些理解整理如下,供大家参考. 另外在算法代码方面,我也做了一些实现(包括串行和并行),欢迎感兴趣的朋友探讨和交流. 第一 ...

  4. c++单元测试框架googletest

    一.概述 Googletest是一个用来写C++单元测试的框架,它是跨平台的,可应用在windows.linux.Mac等OS平台上: 代码框架: [root@docker googletest-re ...

  5. JavaScript 【跨浏览器处理XML，做个兼容】

    //兼容方法        function getXMLDOM(xmlStr) {            var xmlDom = null;            if (typeof windo ...

  6. rem和em和px vh vw和% 移动端长度单位

    1.rem和em.px 首先来说说em和px的关系 em是指字体高度 浏览器默认1em=16px,所以0.75em=12px;我们经常会在页面上看到根元素写的font-size:65%; 这样em就成 ...

  7. javascript模式——Command

    假设我们要做一个计算器程序 var calculator = { add: function( x, y ){ return x + y; }, sub: function( x, y ){ retu ...

  8. asp.net页面压缩

    http压缩方法(IIS 6.0 与IIS 7.0的详解)   在网上看了有关这方面的博客,再加上自己的实践,整理了一下,希望对大家有所帮助 本片文章采用两种压缩方法:一种是在IIS上开启GZIP压缩 ...

  9. 安装wxWidgets

    从官网可下载源码安装包.安装后,建立批处理文件对其进行编译: gvim bwx.bat 内容如下: @echo off set WXWIN=C:\wxWidgets-3.0.2 pushd %WXWI ...

  10. LeetCode之ReverseWorldString

    题目:将一个英文句子翻转,比如:the sky is blue 翻转后变为:blue is sky the 分析:我的实现方法是,利用栈将单词存储起来,然后再顺序拿出来,单词进栈还需注意添加空格. 主 ...