1、
2、
3、
4、
5、
6、
7、
8、
9、
10、
11、
12、
13、
14、
15、
16、
17、
18、
19、
20、
21、
22、
23、
24、
25、
26、
27、
28、
29、
30、
第52讲 table对象
1、table常用的属性
id:
name:
border:表的边框
width:宽度
height:高度
cellpadding:单元格内容和单元格边框之间的空白量
cellspacing:表格中单元格之间的空白量
style:
rows[]:表格中所有行的一个数组
cells[]:表格中所有单元格的一个数组
deleteRow() 删除一行
insertRow() 插入一行
2、例
function test(){
var myrows=mytab.rows;
window.alert[myrows.length]//一共多少行
window.alert[myrows[1].cells[2].innerText]第二行第一列的内容
for (var i=0;i<mytab.rows.length;i++){
var eachRows = mytab.rows[i];//取出一行
for(var j=0;j<eachRow.cells.length;j++){//对该行遍历
window.alert(eachRow.cells[j].innerText);//取出数据
}
}
}
//演示删除一行
function test(){
mytab.deleteRow(1);
}
//演示插入一行
function test3(){
var tableRow = mytab.insertRow(3);
tableRow.insertCell(0).innerText="3";
tableRow.insertCell(1).innerText="吴用";
tableRow.insertCell(2).innerText="智多星";
}
//插入一行 不能重复
function addHero(){
//遍历这个表格看有没有重复的编号
for(var i=0;i<mytab.rows.length;i++){
var eachRow = mytab.rows[i];
if(eachRow.cells[0].innerText == no.value){
window.alert('编号不能重复')
}
}
//获取用户输入信息
var newTableRow = mytab.insertRow(mytab.rows.length);
newTableRow.insertCell(0).innerText = no.value;
newTableRow.insertCell(1).innerText = username.value;
newTableRow.insertCell(2).innerText = nickname.value;
}
<body>
<h1>英雄排行榜</h1>
<table id="mytab" border="1px">
<tr><td>排名</td><td>姓名</td><td>外号</td></tr>
<tr><td>1</td><td>宋江</td><td>及时雨</td></tr>
<tr><td>2</td><td>卢俊义</td><td>玉麒麟</td></tr>
</table>
<h1>请输入新的好汉</h1>
编号<input type="text" id="no"><br/>
名字<input type="text" id="username"><br/>
外号<input type="text" id="nickname"><br/>
<input type="button" οnclick="test()" value="testing">
</body>
第53 54讲 正则表达式
1、var regExp = /(\d){4}/gi (隐式创建)
(\d):任意一个数字
{4}:连续出现4次
g;全局 i:忽略大小写 n:用作多行标志
2、var regExp = new RegExp(正则表达式:“gi”); 显式创建
3、例
(1)/^(abc)/gi 以abc打头的字符串
(2)/(\d)(\d)\2\1/gi abba
(3)/(\d){5}-(\d)\2\2(\d)\3\3(\d)\4\4/gi
/(\d){5}-((\d)\2\2){3}/gi 一个五位数 - 一个九位数(连续的三位相同)
4、(1)exec() 检索字符串中确定的值,并返回值(找不到返null)
(2)test() 检索字符串中指定的值,返回true或false
5、string 对象与正则表达式有关的方法
(1)match(reExp):返回一个包含搜索结果的数组
(2)search(reExp):返回使用正则表达式搜索时,第一个匹配的字符串在整个被搜索的字符串中的位置
(3)regplace(reExp,replaceText):对内容进行替换,返回替换后的内容的字符串对象
(4)split():分割
function test(){
var con = content.innerText;
var myreg = /abc/gi;
res = con.match(myreg);
for(var i=0;i<res.length;i++){
window.alert(i+ " "+res[0]);
}
}
function test(){
var con = content.innerText;
var myreg = /(\d){4}/gi;
var newCon = con.replace(myReg,"这是原来的四个数");
con.innerText = newCon;
}