2018.4.21
dom
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>DOM</title>
<style>
#ydn{
color: yellow;
font-size: 35px;
}
.yy{
color: green;
font-size:20px;
}
p[name=ys] {
color:red;
font-size:27px ;
display:None;
}
</style>
</head>
<body>
<p id ="ydn" class="yy">
云大娘准备考驾照,(报名三年了,科一还没考)。
</p>
<p class = "yy">
云姨准备在中医西路买一套房子。
</p>
<p name = "ys">
云婶准备买辆五菱荣光~
</p>
<button onclick="modify()"> 云大娘考驾照</button><br />
<button onclick="buyHouse()">云姨买房子</button><br />
<button onclick="buyCar()">云婶买车</button><br />
<script type = "text/javascript">
function modify(){
var aPtag = document.getElementById("ydn");
aPtag.style.color = "purple";
}
function buyHouse() {
var pArray = document.getElementsByClassName("yy")
pArray[1].innerHTML = "房子也不大,也就200平";
}
function buyCar() {
var pName = document.getElementsByName("ys")
pName[0].style.display = "block";
}
</script>
</body>
</html>
2.11 正则表达式
RegExp 对象
正则表达式是描述字符模式的对象。
正则表达式用于对字符串模式匹配及检索替换,是对字符串执行模式匹配的强大工具。
语法:
var patt=new RegExp(pattern,modifiers);
或者更简单的方式:
var patt=/pattern/modifiers;
如:
修饰符
修饰符用于执行区分大小写和全局匹配:
var re = new RegExp("\\w+");
var re = /\w+/;
正则表达式的使用
test()方法:
test()方法搜索字符串指定的值,根据结果并返回真或假。
var patt1=new RegExp("e");
document.write(patt1.test("The best things in life are free"));
由于该字符串中存在字母 "e",以上代码的输出将是:
true
exec() 方法:
exec() 方法检索字符串中的指定值。返回值是被找到的值。如果没有发现匹配,则返回 null。
var patt1=new RegExp("e");
document.write(patt1.exec("The best things in life are free"));
由于该字符串中存在字母 "e",以上代码的输出将是:
e