DOM元素对象的属性和方法（2）
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）的更多相关文章
- DOM元素对象的属性和方法（1）
一.accessKey() 作用:获取元素焦点快捷键:设置快捷键后,使用Alt+快捷键,让元素快速获得焦点, <!DOCTYPE html> <html> <head&g ...
- HTML DOM对象的属性和方法
HTML DOM对象的属性和方法 HTML DOM 对象有几种类型: 1.Document 类型 在浏览器中,Document 对象表示整个 HTML 文档. 1.1属性 引用文档的子节点 docum ...
- HTML DOM对象的属性和方法介绍(原生JS方法)
HTML DOM对象的属性和方法介绍 DOM 是 Document Object Model(文档对象模型)的缩写. DOM(文档对象模型)是针对HTML和XML文档的一个API(应用程序编程接口), ...
- HTML中DOM对象的属性和方法的层级关系是怎样的？（目录即层次）
HTML中DOM对象的属性和方法的层级关系是怎样的?(目录即层次) 一.总结 一句话总结:目录就是测试题 1.document取得元素(get element)的方式有哪几种? 解答:四种,分别是id ...
- JavaScript中的window对象的属性和方法；JavaScript中如何选取文档元素
一.window对象的属性和方法 ①setTimeout()方法用来实现一个函数在指定毫秒之后运行,该方法返回一个值,这个值可以传递给clearTimeout()用于取消这个函数的执行. ②setIn ...
- HTML DOM 元素对象
HTML DOM 元素对象 HTML DOM 节点 在 HTML DOM (Document Object Model) 中, 每个东西都是 节点 : 文档本身就是一个文档对象 所有 HTML 元素都 ...
- jquery中dom元素的attr和prop方法的理解
一.背景 在编写使用高版本[ jQuery 1.6 开始新增了一个方法 prop()]的jquery插件进行编写js代码的时候,经常不知道dom元素的attr和prop方法到底有什么区别?各自有什么应 ...
- JQUERY选择和操作DOM元素（利用正则表达式的方法匹配字符串中的一部分）
JQUERY选择和操作DOM元素(利用正则表达式的方法匹配字符串中的一部分) 1.匹配属性的开头 $("[attributeName^='value']"); 2.匹配属性的结尾 ...
- JS中的RegExp对象常用属性和方法
JavaScript提供了一个RegExp对象来完成有关正则表达式的操作和功能,每一条正则表达式模式对应一个RegExp实例.有两种方式可以创建RegExp对象的实例. 使用RegExp的显式构造函数 ...
随机推荐
- 【POJ 2823 Sliding Window】 单调队列
题目大意:给n个数,一个长度为k(k<n)的闭区间从0滑动到n,求滑动中区间的最大值序列和最小值序列. 最大值和最小值是类似的,在此以最大值为例分析. 数据结构要求:能保存最多k个元素,快速取得 ...
- 为下拉式菜单(DropDownList)添加第一个选项
很多方法可以为为下拉式菜单(DropDownList)添加第一个选项,下面是Insus.NET小结了几个方法,仅供参考: Html code: <body> <form id= ...
- SQL SERVER分区视图
借助SQL SERVER分区视图,可以对SQL中的表进行集中管理,下文将以实例的方式为您详解SQL SERVER分区视图,希望对您学习SQL数据库能有所帮助. SQL SERVER分区视图给我们提供了 ...
- leetcode_question_125 Valid Palindrome
Given a string, determine if it is a palindrome, considering only alphanumeric characters and ignori ...
- 树形控件CTreeCtrl的使用
树形控件在界面编程中应用十分普遍,如在资源管理器中和树形结构显示书的文件夹等,我们一步步研究树形控件的使用. 在对话框界面上首先拖动创建一个树,一般我们改变三个属性: Has Buttons显示带有& ...
- 利用SQL语句产生分组序号
partition by关键字是分析性函数的一部分,它和聚合函数不同的地方在于它能返回一个分组中的多条记录,而聚合函数一般只有一条反映统计值的记录,partition by用于给结果集分组,如果没 ...
- excel文件后台代码
很多情况下,我们都需要从Excel中获取数据来创建Word报表文档.首先在Excel中分析数据,然后将分析结果导出到Word文档中发布.技术实现方式:1.创建Word模板,用来作为数据分析结果发布平台 ...
- PHP发红包程序
//红包算法$total = 20; //红包总金额$num = 10; //红包个数$min = 0.01; //每个人最少能收到0.01 for ($i=1;$i<$num; ...
- wamp出现You don’t have permission to access/on this server提示（转）
转自http://blog.csdn.net/hong0220/article/details/40262729 ,转载方便以后查看. 今天搭建wamp集成环境,本来已经搭建好了,但是在访问local ...
- 工作中的第一份LoadRunner脚本
录制的第一份脚本 虽然是第一份但是调试执行,跑场景等都成功了. Action() { web_url("login1.jsp", "URL=http://192.168. ...