
<table id="tab">
<tr><td>id</td></tr>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>3</td></tr>
<tr><td>4</td></tr>
<tr><td>5</td></tr>
<tr><td>6</td></tr>
<tr><td>7</td></tr>
<tr><td>8</td></tr>
<tr><td>9</td></tr>
<tr><td>10</td></tr>
</table>
<script language="javascript" type="text/javascript">
function getab() {
var ot = documentgetElementById("tab");
var a = new Array();
for (i = 0; i < tabrowslength-1; i++)
a[i] = tabrows[i+1]cells[0]innerHTML; //第一行是标题,不取值。
return a;
}
alert(getab());//测试
</script>
我汗,你的第一第二步骤只是产生一个table对象,还没有附加进HTML DOM,也就是document对象,所以你通过getElementById("mytable")那不到你的table对象。。。我汗,直接这样不就行了
var tr1 = tableinsertRow() ;3//获得table的对象,并插入一行
你好,这样写既可: 希望采纳!!!!
$(function(){var title_text;
$('#this_post_tags a')each(function(){
title_text= "更多与" + $(this)text() + "相关的内容";
$(this)attr('title',title_text)
})
})
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">
<script language="JavaScript">
{
documentwrite(documenttitle)
}
</script>
这个是用JS实现的调用当前页面title的 jquery同理。关于调用地址 你已经会了
以下是纯js+html实现的增删改 *** 作代码,你可以参考以下。当然也可以使用jquery之类的框架来实现,最终的原理都是一样的。
<html><head>
<title>增删改查</title>
<style type="">
tr{
text-align:center;
}
</style>
<script type="text/javascript">
//通过新增按钮来控制表格的显示与隐藏
var optionFlag = "save";
var updateRowIndex = -1;
var checkFlag=false;//默认为不显示
function show() {
optionFlag = "save";
var f = documentgetElementById("did");//获得id为did的 div
if(!checkFlag) {
fstylevisibility="visible";
}else{
fstylevisibility="hidden";
}
checkFlag=!checkFlag;
}
//通过保存按钮将数据添加到表格中
function insertRow_() {
switch(optionFlag) {
case "save" :
insertRow_$save();
break;
case "update" :
insertRow_$update();
break;
default :
alert(" *** 作失败。。。");
}
function insertRow_$save() {
//通过id获得要添加数据的表格
var table = documentgetElementById("tableid");
//将所输入的内容赋给定义的变量
var titleName = documentgetElementById("title")value;
var digestName = documentgetElementById("digest")value;
var authorName = documentgetElementById("author")value;
//获取下拉框内的内容
var selectIndex_ = documentgetElementById("select");
var option = selectIndex_options[selectIndex_selectedIndex];
var selectName = optiontext;
//获取编号的内容
var numberid = tablerowslength;
//在表尾添加一行数据
var row_ = tableinsertRow(tablerowslength);
row_insertCell(0)innerHTML = numberid;
row_insertCell(1)innerHTML = titleName;
row_insertCell(2)innerHTML = digestName;
row_insertCell(3)innerHTML = authorName;
row_insertCell(4)innerHTML = selectName;
row_insertCell(5)innerHTML = '<input type="button" value="修改" onclick="update_(thisparentNodeparentNode)"></input> <input type="button" value="删除" onclick="delete_(thisparentNodeparentNode)></input>';
documentgetElementById("title")value = "";
documentgetElementById("digest")value = "";
documentgetElementById("author")value = "";
documentgetElementById("select")options[0]selected="true";
var f = documentgetElementById("did");
fstylevisibility="hidden";
alert("保存数据成功!!!");
}
//修改后的保存
var tr;
function insertRow_$update() {
var table = documentgetElementById("tableid");
tr = tablerows[updateRowIndex];
var p = documentgetElementById("title");
trcells[1]innerHTML = pvalue;
p = documentgetElementById("digest");
trcells[2]innerHTML = pvalue;
p = documentgetElementById("author");
trcells[3]innerHTML = pvalue;
p = documentgetElementById("select");
var Index_ = pselectedIndex;
var option = poptions[Index_];
var selectName = optiontext;
trcells[4]innerHTML = selectName;
documentgetElementById("title")value = "";
documentgetElementById("digest")value = "";
documentgetElementById("author")value = "";
documentgetElementById("select")options[0]selected="true";
var f = documentgetElementById("did");
fstylevisibility="hidden";
alert("修改数据成功。。。");
}
}
//通过删除按钮 删除当前所在行
function delete_(row_) {
var table = documentgetElementById("tableid");
tabledeleteRow(row_rowIndex);
refurbish_();
alert("删除数据成功!!!");
}
//刷新
function refurbish_() {
var table = documentgetElementById("tableid");
//获得table的行数
var rows = tablerows;
for(var i=1;i<rowslength;i++) {
rows[i]cells[0]innerHTML = i;
}
}
//通修改按钮对table里的数据进行修改
function update_(row) {
updateRowIndex = rowrowIndex;
optionFlag = "update";
//对table里的数据进行回显
documentgetElementById("title")value = rowcells[1]innerHTML;
documentgetElementById("digest")value = rowcells[2]innerHTML;
documentgetElementById("author")value = rowcells[3]innerHTML;
var selectText = rowcells[4]innerHTML;
var sel = documentgetElementById("select");
var ops = seloptions;
for(var i=0;i<opslength;i++) {
if(selectText==ops[i]text) {
seloptions[i]selected = "true";
}
}
var f = documentgetElementById("did");
fstylevisibility="visible";
}
</script>
</head>
<body>
<input type="button" value="新增" onclick="show()"></input>
<div>
<table border = "1" cellspacing = "0" id="tableid" width=100%>
<tr bgcolor="yellow">
<th>编号</th>
<th>标题</th>
<th>摘要</th>
<th>作者</th>
<th>类别</th>
<th> *** 作</th>
</tr>
<tr>
<td>1</td>
<td>dgsdg</td>
<td>sdgfd</td>
<td>ghfhh</td>
<td>基金</td>
<td>
<input type="button" value="修改" onclick="update_(thisparentNodeparentNode)"></input>
<input type="button" value="删除" onclick="delete_(thisparentNodeparentNode)"></input>
</td>
</tr>
</table>
</div>
<br>
<div align="center" id="did" style="visibility:hidden">
<form action="">
<table>
<tr>
<td>标题:</td>
<td><input type="text" id="title"></input></td>
<td>摘要:</td>
<td><input type="text" id="digest"></input></td>
</tr>
<tr>
<td>作者:</td>
<td><input type="text" id="author"></input></td>
<td>类别:</td>
<td align="left">
<select id="select">
<option>证劵</option>
<option>基金</option>
<option>股票</option>
</select>
</td>
</tr>
</table>
<br>
<center>
<input type="button" value="保存" onclick="insertRow_()"></input>
<input type="reset" value="重置"></input>
</center>
</form>
</div>
</body>
</html>
以上就是关于怎样获取页面表格里数据的id,组成一个数组,传入js中全部的内容,包括:怎样获取页面表格里数据的id,组成一个数组,传入js中、js高手求助!在div动态生成table(div和table都是js创建的)、wordpress的栏目列表页当中的Tags标签如何通过JS添加title属性等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)