正则表达式
正则表达式用于定义一些字符串的规则,计算机可以根据正则表达式,来检查一个字符串是否符合规则,获取将字符串中符合规则的内容提取出来。
使用typeof检查正则对象,会返回object
创建一个正则表达式,检查一个字符串中是否有字母
// 这个正则表达式可以来检查一个字符串中是否含有字母
var reg = /[A-z]/;
var str = "Abc";
var result = reg.test(str);
console.log(result);
正则表达式对象
文档对象
DOM全称Document Object Model(文档对象模型)
JavaScript中通过DOM来对HTML文档进行操作,只要理解了DOM就可以随心所欲操作web页面
文档:文档表示的就是整个HTML网页文档
对象:对象表示将网页中的每一个部分都转换为了一个对象
模型:使用模型来表示对象之间的关系,方便获取对象
DOM是一种处理HTML文档的应用程序接口,在W3C制定的DOM规范中,DOM主要包括Core DOM、XML DOM和HTML DOM。JavaScript中DOM一般指HTML DOM
每创建一个网页,DOM就会根据这个网页创建一个文档对象,DOM就是这个文档对象的模型,这个模型表示为树状模型。在这个树状模型中,网页中的元素与内容表现为一个个相互连接的节点,所以说一个网页实际上就是一个文档对象
浏览器已经提供文档节点对象,这个对象是window对象属性,可以在页面中直接使用,文档节点代表的是整个网页
获取元素有以下几种:
ID获取:
语法格式: var 元素对象 = document . getElementById ( "id 属性名称 " );
作用:通过页面中某个元素的 id 属性来获取这个元素对象。
返回 值:这个方法执行后会有一个返回值,如果获取到则返回当前对象,否则返回 null 。
<div id="box">这是一个块</div>
<script>
var box = document.getElementById('box');
console.log(box);
console.log(typeof box);
</script>
根据标签名获取:
语法格式: var 返回对象集 = document . getElementsByTagName ( ' 标签名称 ' );
作用:根据指定的标称名称返回这些对象。
<ul>
<li>北京</li>
<li>天津</li>
<li>上海</li>
</ul>
<script>
var lis = document.getElementsByTagName('li');
console.log(lis);
</script>
根据name属性获取:
语法格式: var 元素对象集 = document . getElementsByName ( 'name 属性名 ' )
作用:根据 name 属性来获取元素对象的集合。
<p> <input type="checkbox" name="hobby" value="音乐">音乐
<input type="checkbox" name="hobby" value="游戏">游戏
</p>
<script>
var hobbies = document.getElementsByName('hobby');
console.log(hobbies);
</script>