韩顺平 html css div笔记
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" onclick="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;
}
