网页制作中 如何 动态更改 页面里 标签的 内容
发布网友
发布时间：2022-04-26 20:43
共2个回答
热心网友
时间：2022-04-21 09:43
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=big5">
<title>Untitled Document</title>
<style type="text/css">
<!--
input {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #999999;
background-color: #FFFFE1;
border: 1px solid #999999;
}
-->
</style>
</head>
<body>
<div id="aa"></div>
<table width="80%" id="tab1" border="1" bordercolorlight="#CCCCCC" bordercolordark="#FFFFFF" onclick="setEdit(event.srcElement)">
<tr>
<td width="20%" id="td1">a</td>
<td width="20%">bb</td>
<td width="20%">asdf</td>
<td width="20%">eee</td>
<td width="20%">adsf</td>
</tr>
<tr>
<td>1</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>9</td>
</tr>
<tr>
<td>as</td>
<td>asdfsdfa</td>
<td>sadfsdaf</td>
<td>sadfsdfa</td>
<td>sdafsadf</td>
</tr>
<tr>
<td>sadfsdfa</td>
<td>asdf</td>
<td> </td>
<td>asdfasdf</td>
<td>asdfasf</td>
</tr>
<tr>
<td>asdfsadf</td>
<td>asdfsadf</td>
<td>asdfasdfasd</td>
<td>ea</td>
<td>asdfasfd</td>
</tr>
</table>
</body>
</html>
<script>
oldObj="";
var newNode=document.createElement("input");
newNode.type="text";
function setEdit(click_td){
var obj;
if(click_td.tagName=="TD"){
if(oldObj!=""){
oldObj.removeChild(eval("tmpText"));
if(newNode.vlaue=="") oldObj.innerText=" ";
else oldObj.innerText=newNode.value;
}
obj=click_td;
oldObj=obj;
//newNode.width=obj.clientWidth;
//newNode.height=obj.clientHeight;
newNode.width=obj.offsetWidth;
newNode.height=obj.offsetHeight;
newNode.id="tmpText";
newNode.value=obj.innerText;
obj.innerText="";
obj.appendChild(newNode);
newNode.focus();
}
}
</script>
为了你我还专门上传了一个视频，因为没找到好的，哈哈………视频上座的好，比较完美吧，你可以看看……
http://www.56.com/u45/v_NTIyNzc0MDI.html
热心网友
时间：2022-04-21 11:01
