innerHTML的设置

问题描述

实现点击按钮做到行数据交换位置tab.rows[index].innetHTML=tab.rows[index+1].innerHTML;如果能设置或是覆盖innerHTML的值就容易实现了,求指教!<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN"><HTML><HEAD><TITLE>NewDocument</TITLE><METANAME="Generator"CONTENT="EditPlus"><METANAME="Author"CONTENT=""><METANAME="Keywords"CONTENT=""><METANAME="Description"CONTENT=""><script>functionrowUp(obj){vartab=document.getElementById("tab");varindex=obj.parentNode.parentNode.rowIndex;if(index==0){obj.style.display="none";}else{vartemp=tab.rows[index].innerHTML;tab.rows[index].innetHTML=tab.rows[index+1].innerHTML;//这里会报错,因为*.innerHTML返回的是文本数据,“=”前后都是文本数据,所以这样指定没意义}}</script></head><body><tableid="tab"><tr><td>名字</td><td>年龄</td><td>性别</td><td><inputtype="button"onclick="rowUp(this)"value="上"/><inputtype="button"value="下"onclick="rowDown(this)"></td></tr><tr><td>张三</td><td>36</td><td>男</td><td><inputtype="button"onclick="rowUp(this)"value="上"/><inputtype="button"value="下"onclick="rowDown(this)"></td></tr><tr><td>李四</td><td>34</td><td>男</td><td><inputtype="button"onclick="rowUp(this)"value="上"/><inputtype="button"value="下"onclick="rowDown(this)"></td></tr><tr><td>王五</td><td>33</td><td>男</td><td><inputtype="button"onclick="rowUp(this)"value="上"/><inputtype="button"value="下"onclick="rowDown(this)"></td></tr><tr><td>郑六</td><td>36</td><td>男</td><td><inputtype="button"onclick="rowUp(this)"value="上"/><inputtype="button"value="下"onclick="rowDown(this)"></td></tr></table></body></HTML>

解决方案

解决方案二:
问题是啥?
解决方案三:
tab.rows[index].innetHTML=tab.rows[index+1].innerHTML=“值内容”你是想这样?这样的话值内容是个定值,不想要定值把后面改成变量不就是了?
解决方案四:
tab.rows[index].innetHTML=tab.rows[index+1].innerHTML前面一个会作为引用去改变值,后面一个会作为引用去后去值。打个比方就像我们java里面写的inti=10;intj=i;在你的代码里面tab.rows[index+1].innerHTML作为一个=号后面的指向,相当于一个引用符,指向的是tab.rows[index+1]里面的innerHTML值。而=号前面tab.rows[index]的innerHTML则表示的是要把=号后面的值对前面的对象进行一个赋值
解决方案五:
报什么错了,关键是。这里会报错,因为*.innerHTML返回的是文本数据,“=”前后都是文本数据,这样指定是有意义的。问题在于,td的innerHTML属性是只读的。所以tab.rows[index+1].innerHTML报的错应该是对象为空或者未定义吧。

时间: 2024-11-02 09:58:56

innerHTML的设置的相关文章

innerHTML,outerHTML,innerText,outerText的用法及区别解析_javascript技巧

<p><div id="div" style="background-color:#ff9966;border:1px #ff0000 dashed;"><span>这是一个层</span></div> <input name="innerHTML" value="innerHTML" type="button" OnClick="

直接双击页面元素进行修改的HTML代码

在腾讯空间和一些网站上我们经常看到交互性很强的功能.一些用户资料可以直接双击出现文本框,并在此输入新的资料即可修改,无需再按确定按钮等.. 这些功能看似较难,其实实现起来很简单,只需几行代码就可实现.希望对一些新手有所帮助,高手请飘过~ 注意代码中加粗部分. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tran

Ajax基础教程(3)- 3.1 处理服务器响应

XMLHttpRequest对象提供了两个可以用来访问服务器响应的属性.第一个属性respo- nseText将响应提供为一个串,第二个属性responseXML将响应提供为一个XML对象.一些简单的用例就很适合按简单文本来获取响应,如将响应显示在警告框中,或者响应只是指示成功还是失败的词. 第2章中的例子就使用了responseText属性来访问服务器响应,并将响应显示在警告框中. 3.1.1 使用innerHTML属性创建动态内容 如果将服务器响应作为简单文本来访问,则灵活性欠佳.简单文本没

javascript弹出层输入框

 这篇文章主要介绍了javascript弹出层输入框(示例代码).需要的朋友可以过来参考下,希望对大家有所帮助 如下所示: 代码如下:    <script language="javascript" type="text/javascript">          function alertWin(title, msg, w, h) {                var titleheight = "22px"; // 窗口标

JS创建自定义表格具体实现

 创建自定义表格的方法有很多,本文为大家介绍下使用js是如何创建的,感兴趣的朋友可以参考下 JS部分:   代码如下: function next() {  //得到table对象  var oTable = document.getElementById("table1");  //插入tr  var oTr = oTable.insertRow();  //一行tr插入3个td  var oTd1 = oTr.insertCell();  var oTd2 = oTr.insert

浅谈Jquery核心函数_jquery

      在Jquery中,所有的DOM对象都将封装成Jquery对象,而且只有Jquery对象才能使用Jquery方法或者属性来执行相应的操作. 所以Jquery提供了一个可以将DOM对象封装成Jquery对象的函数,就是Jquery核心函数jquery(),也称为工厂函数. jquery核心函数有7个重载,分别如下: jquery()  该函数返回一个空的jquery对象. jquery(elements)  该函数将一个或多个DOM元素转化为Jquery对象(或jquery集合) jqu

关于一个页面多个form问题????????

问题描述 当前我的页面是用一个<c:forEach >遍历出来的.有多个form每个都不一样,我可以获得到当前的form .首先我做一个事件用this.form,和this.name吧当前的form和当前文本框的得到以后.我想通过当前form 设置当前页面上的<div id="div"></div>的innerHTML,如果通过document.getElementById('div').innerHTML=""每次设置的都是第一

jQuery源码-dom操作之jQuery.fn.html

写在前面 前面陆陆续续写了jQuery源码的一些分析,尽可能地想要cover里面的源码细节,结果导致进度有些缓慢.jQuery的源码本来就比较晦涩,里面还有很多为了解决兼容问题很引入的神代码,如果不google的话压根不知道那一段段代码为什么会存在于人世. 于是就一直在重复坐着这么件事情,到处谷歌或者请教别人,这段兼容代码是为解决神马问题引入的.好不容易把所有的源码细节搞清楚,喝着咖啡对着电脑欣赏自己的劳动成果,内心却闪过一丝奇怪的感觉:我花了这么长的时间究竟做了什么?就为了搞清楚这段常理无法解

Asp.net回调技术Callback学习笔记_实用技巧

.aspx: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xht