barriers / 阅读 / 详情

html代码中img标签里的jqimg是什么意思？

2023-07-27 07:56:47

TAG: mg tm qim 代码 im html 标签

共2条回复

英语范文

我来回答

coco

写一段图片HTML代码

该标签为img的代码中已可以看出已含有了四个属性,包括src id lang alt,加上本身的img标签有5个属性.

那么该img标签在正常的情况下倒底还含有多个属性?(包含对象),我现在为大家一一列出来(以上面那句代码为例,并附上它的所有值),所有在IE环境下有效可用的对象属性都在下面.学习HTML的朋友可以借鉴学习,也可以拿去吓人,

以下通过测试的IMG的全属性为156个,不包括子属性,而且还只是这一个img标签的....虽然有些看起来用在IMG标签上不太合理,但确实是有效使用,IE中无错且有返回值.关键在于看你怎么用了,除了有些不常用的属性不太清楚以外,以下全是手工输的,花了4个小时,对你有用没用就看你怎么想了.不过如果你了解了以下的说明后网页的美化和代码的理解就可以扫盲和DIY了

以下的img可用的属性如果你只用过10个不到,那就只能说明你菜.......

1 language = //语言类型,如<script language="vbs">这句代码中的language属性的值就为vbs

2 scrollHeight = 30 //自身元素的宽度(即显示的宽度)

3 isTextEdit = false //是否可以获取可使用该对象创建一个TextRange的对象

4 currentStyle = 该属性含有114个对象 //返回当前属性的值,不可更改它的值

5 document = 该属性含有209个对象 //这个就不用说了吧,是文档属性,

6 onmouseup = null //鼠标按下后松开鼠标时触发此事件

7 oncontextmenu = null //鼠标点右键后触发的事件

8 isMultiLine = true //是否允许含有多行文本,多用于文本框,用在img标签上无错,但效果不大

9 clientHeight = 30 //当前可见的该标签的高度为30,

10 onrowexit = null //数据源控件更改这个标签内的当前的行时触发某事件,多用在form表中

11 onbeforepaste = null //当在这个标签中粘贴内容时触发某事件,多用在文本框中

12 onactivate = null //当这个控件被触发时(被点击或者焦点移到了该标签上)发生某事件,

13 scrollLeft = 0 //被卷入的离左边界的宽度

14 lang = en-us //语言属性,和language不同,这个等同于网页语言

15 onmousemove = null //当鼠标在该标签上移动时发生某事件

16 onmove = null //浏览器的窗口被移动时触发此事件

17 onselectstart = null //当这个标签中的文本被选择时发生某事件

18 parentTextEdit = 该属性含有352个对象 //又一个华丽的属性....用在框架中,作用详见第3条

19 oncontrolselect = null //当用户将要对该对象制作一个控件选中区时触发某事件

20 canHaveHTML = false //获取表明对象是否可以包含丰富的 HTML 标签的值,效果不明

21 onkeypress = null //当键盘上的被按下时发生某事件,

22 oncut = null //当该标签中发生剪切事件时触发某事件,常用于文本档标签,I

23 onrowenter = null // 当前记录指针被移动时发生某事件,常用于文本档,

24 onmousedown = null //按下鼠标时触发某事件

25 onpaste = null //当在该标签中发生粘贴事件时触发某事件

26 className = //当前标签的样式名称,这个属性常和CSS混用,比如PW的贴子目录页就用了这个

27 id = imgs //该标签的ID值是多少

28 onreadystatechange = null //在同步执行方式下返回的值为多少,该死的XML就和这个经常私混

29 onbeforedeactivate = null //当前对象变为其它对象之前立即触发,好像不常用

30 hideFocus = false //是否隐藏光标,常见于文本框

31 dir = //它定义文字在浏览器中的排列方向,如dir= LTR则为从左到右显示反之则为 RTL,郁闷的特效

32 isContentEditable = false //该标签无素是否可编辑,经常见于某个论坛的发贴"所见即所得"

33 onkeydown = null //当键盘某键被按下时

34 clientWidth = 30 //在IE中可见的高度为多少

35 onlosecapture = null //当对象失去鼠标捕捉时触发某事件

36 parentElement = 该属性含有495个对象 //又来一个华丽的框架获取父页元素的对象...

37 ondrag = null //这个标签被拖动结束时发生某事件

38 ondragstart = null //这个标签被拖动开始时发生某事件

39 oncellchange = null // 在数据供应者中的数据变更时触发,XML可用这个玩意,我还没用过

40 recordNumber = null //获取数据集中生成对象的原始记录,同上,XML可用

41 onfilterchange = null //当该标签中的filter特效被改变时触发某事件

42 onrowsinserted = null //当在当前记录集中插入新行后触发某事件

43 ondatasetcomplete = null //数据设置完成时触发某事件,常用于控件当中,这个属性我也没用过

44 onmousewheel = null //这个就是传说中的可以用鼠标滚动来触发某个事件...

45 ondragenter = null //当鼠标拖动到这个标签中时触发某事件,没用过,不知道有没效

46 onblur = null //当这个标签失去焦点时发生某事件,常见于文本框

47 onresizeend = null //当用户更改完控件选中区中对象的尺寸时触发某事件

48 onerrorupdate = null //更新数据源对象中的关联数据出错时在数据绑定对象上触发某事件,XML...

49 onbeforecopy = null //在复制前触发某事件

50 ondblclick = null //鼠标双击时触发某事件

51 scopeName = HTML //该元素定义的命名空间类型,不常用,反正我没用过

52 onkeyup = null //当键按下之后被释放时触发某事件

53 onresizestart = null //被开始改变其窗口大小时触发某事件

54 onmouseover = null //当鼠标从该标签上移出去触发某事件

55 onmouseleave = null //当用户将鼠标指针移出这个标签边界时触发某事件

56 outerText = //用来获取该标签中的纯文本,包含起始处

57 innerText = //同上,但不包含起始处

58 onmoveend = null //当前窗口被移动完成时触发某事件

59 tagName = IMG //这个标签的名称是某值,如该值,即IMG

60 title = //主题说明,这个不说了,大家都用过

61 offsetWidth = 30 //可见的区域的高,与clientWidth不同,它还包含边线

62 onresize = null //当窗口被改变大小时触发某事件

63 contentEditable = inherit //该标签是否可直接编辑,不为FALSE,能为true,inherit是默认值,继承原设定

64 runtimeStyle = 该属性含有627个对象 //返回该标签的样式(总为空),和style与currentStyle有区别,

65 filters = 该属性含有628个对象 //这个比较郁闷,没用过

66 ondrop = null //拖动时发生某事件

67 onpage = null //常用于XML的在线编辑,偶没用过,不知道具体例子

68 onrowsdelete = null //当行将要从记录集中被删除时触发某事件

69 tagUrn = //设置或获取在命名空间声明中指定的统一资源名称,没用过,应属于稀有属性了

70 offsetLeft = 10 //离左边相对窗口的宽值,常用于浮动的图或层显示

71 clientTop = 0 //距上边相对可见的窗口的高度为多少.这个倒没常用,凡正浮动特效不必靠它

72 style = 该属性含有760个对象 //该标签的风格属性,这个大家都用得多了

73 onfocusout = null //在移动焦点到其它元素之后立即在当前拥有焦点的元素上触发某事件,..

74 clientLeft = 0 //同71,只是值为距左边的值

75 ondatasetchanged = null //记录集中的数据修改完毕时触发某事件,XML中常见

76 canHaveChildren = false //该标签是否可以包含子对象

77 ondeactivate = null //用户切换到另一元素时触发,可见于网页编辑器的保存功能,

78 isDisabled = false //是否可与该标签交互,常见于华丽的选项特效

79 onpropertychange = null //当这标签属性被改变时发生某事件,这个巨有用,可用来作JS的安全检查

80 ondragover = null //拖动移动该标签时发生某事件,感觉用JS写扑克牌游戏时经常用

81 onhelp = null //当被按下F1或帮助按钮时发生某事件,这个可以用来自定义帮助信息,比如用在PW上

82 ondragend = null //在拖动结束的时候,在源对象上出发某事件,这个还是感觉用来写扑克牌的....

83 onbeforeeditfocus = null //在该标签被选中编辑前触发某事件,在线编辑,,,貌视不常用

84 disabled = false //该标签的内容是否为禁止编辑,常见于文本框

85 onfocus = null //当该标签获得焦点时触发某事件,常用于PW的百度广告点击插件..汗...

86 behaviorUrns = 该属性含有762个对象 //附加到该元素行为的URN字符串的集合,这个没用过.....

87 accessKey = //服务器控件指定键盘快捷键,比较好的JS网页游戏这个经常用,汗死......

88 onscroll = null //滚动条被拉动时发生某事件

89 onbeforeactivate = null //控件被触发前发生某事件,按钮之类的常用

90 onbeforecut = null //在内容被剪切前发生某事件

91 readyState = uninitialized //是否为只读属性,常用于该死的XMLHTTP

92 all = 该属性含有763个对象 //all这玩意JS里面常用,是属性全局属性

93 sourceIndex = 4 //获取对象在源序中的依次位置,常用在all集合中,是个很爽的属性

94 onclick = null //当被当击时发生某事件

95 scrollTop = 0 //被卷上去的高值为多少

96 oncopy = null //当被复制时发生某事件

97 onfocusin = null //当将要被设置为焦点之前触发某事件

98 tabIndex = 0 //使用"Tab"键的遍历顺序,后面的数字就是顺序,从0到大的顺序,很爽的一个娱乐类属性

99 onbeforeupdate = null //成功更新数据源对象中的关联对象前触发某事件,XMLHTTP中用

100 outerHTML = //这个就是当前标签(包含标签)的全部内容是什么,返回HTML代码,JS常用的玩意

101 innerHTML = //同上,但不包含标签,即不包含<和>两个符号之间的内容

102 ondataavailable = null //只要一获得有效的数据就会被触发某事件,XMLHTTP.....

103 offsetHeight = 30 //可见区域高,包含边框

104 onmovestart = null //当本标签开始移动时触发某事件

105 onmouseout = null //当鼠标移出该标签时触发某事件

106 scrollWidth = 30 //全标签的宽值

107 offsetTop = 15 //在可见区域中离顶部的高

108 onmouseenter = null //鼠标移入时发生某事件

109 onlayoutcomplete = null //LayoutRect 停止响应后触发某事件

110 offsetParent = //该属性含有906个对象 //指定父座标的属性,...华丽的代码堆.....

111 onafterupdate = null //当成功更新数据源对象中的关联对象后发生某事件

112 ondragleave = null //当拖曳操作过程中将鼠标移出合法拖曳目标时在该标签上触发某事件

113 children = //该属性含有907个对象 //又是一个数组属性堆....

114 start = fileopen //一个比较牛B的属性,可以定义当某事件发生时再执行该标签内容,常见于多媒体

115 firstChild = null //指定节点的首个子节点的值是什么,XML DOM中用....偶没用过....

116 href = http ://localhost/phpwind6/zx/6. jpg //标签中的链接地址

117 height = 30 //高度值

118 alt = 测试 //图片说明

119 isMap = false //是否为热点图片,就是一个图片上可以有N个链接的那种

120 fileModifiedDate = 04/16/2008 //文件修改日期是多少,在图片上点个右键就可以看到的

121 fileUpdatedDate = 02/13/2008 //同上,但是为最后的更新日期,貌视2个大多数情况下都一样

122 dataSrc = //指定绑定到指定对象的给定数据源的字段,看XML去.....

123 onerror = null //标签中的内容被加载错误时触发某事件

124 hspace = 0 //设置或返回图像的左边缘和右边缘的空白,配合JS又将是一个华丽的图片特效....

125 previousSibling = null //某节点之前紧跟的节点(处于同一树层级) ,又是XML.....

126 loop = 1 //媒体文件的开启次数,这个常见吧?没想到还能用在IMG标签.....

127 protocol = 超文本传输协议 //协议类型

128 lastChild = null //返回指定节点中的最后一个子节点,还是XML.....

129 nodeName = IMG //传回该标签的名称,..为只读属性....这就是和TagName的区别....

130 nodeType = 1 //返回已选节点的节点类型。仍是XML

131 dynsrc = //你想给音乐加载前加上图片吗?那就用这个属性吧....

132 attributes = 该属性含有1008个对象 //返回文件或文件夹的属性.....用来检测用的....

133 childNodes = 该属性含有1009个对象 //可返回指定节点的子节点的节点列表,又一个XML数组

134 src = http ://localhost/phpwind6/zx/6. jpg //图像标签的图片地址

135 dataFld = //XML是靠这玩意来设定要描述元素的命称的

136 ownerDocument = 该属性含有1104个对象 //返回节点的根元素(文档对象)。我没用过,火星了.....

137 parentNode = 该属性含有1247个对象 //回指定节点的父节点的属性值,XML....

138 onabort = null //当被取消时发生某事件

139 fileSize = 782 //用这玩意来检测文件大小,单位字节

140 dataFormatAs = //可以为HTML或TEXT,貌视是用来格式化标签数据的

141 width = 30 //高度值,汗...这个常用属性被排后面来了

142 vrml = //想要了解这个属性,先去学学vrml语言,反正我不想学...

143 onload = null //当被完全载入完毕时发生某事件

144 align = //水平对齐的属性,这个比较常用,比如居中就是align=center

145 useMap = //指明所使用的图像地图名,IMG标签专用,汗....

146 lowsrc = //可设置或返回分辨率比较低的图片地址,知道什么是缩略图吧.....

147 fileCreatedDate = 04/16/2008 //文件的创建日期,IMG标签倒是常用

148 complete = false //可以检查图象是否加载完成,这个爽,用来仿FLASH的加载过程很爽

149 nextSibling = 该属性含有1260个对象 //文件子节点列表中传回下一个序列的节点,不说了,又是XML

150 vspace = 0 //设置或返回图像的顶部和底部的空白,经常和hspace一起鬼混

151 mimeType = JPEG 图像 //返回图像类型

152 nodeValue = null //传回的文字代表以节点的nodeType,常用在XML中

153 nameProp = 6.jpg //获取由对象的 href 或 src 属性指定的文件名,用来判断地址的合法性很有用

154 border = //边框值的大小,你经常看到图像周围都有一个难看的框框?把border=0加在标签中就行了

155 longDesc = //这个是用来补ALT属性的不足的,可以用那种大段大段的文字来充当图片说明

156 name = //和ID差不多,常用在FORM表中

我不懂运营

jqimg是使用jquery.jqzoom.js插件放大图片使用的属性

</div>

相关推荐

wiz note

parentNode(parentNode属性什么意思) 您好,我就为大家解答关于parentNode，parentNode属性什么意思相信很多小伙伴还不知道,现在让我们一起来看看吧！1、parentNode 属性以 N... 您好,我就为大家解答关于parentNode，parentNode属性什么意思相信很多小伙伴还不知道,现在让我们一起来看看吧！ 1、parentNode 属性以 Node 对象的形式返回指定节点的父节点。 2、parentNode跟parentElement除了前者是w3c标准，后者只ie支持。 3、当父节点的nodeType不是1，即不是element节点的话，它的parentElement就会是null。 4、一般情况parentNode可以取代parentElement的所有功能。 5、parentElement匹配的是parent为element的情况，而parentNode匹配的则是parent为node的情况。 6、element是包含在node里的，它的nodeType是1。 2023-07-26 02:44:551

JS中的parentElement，parentNode，childNodes，children，[object text]问题 parentElement 获取对象层次中的父对象。 parentNode 获取文档层次中的父对象。 childNodes 获取作为指定对象直接后代的 HTML 元素和 TextNode 对象的集合。 children 获取作为对象直接后代的 DHTML 对象的集合。 parentNode和parentElement功能一样，childNodes和children功能一样。但是parentNode和childNodes是符合W3C标准的，可以说比较通用。而另外两个不是标准，Firefox就不支持。当父节点的nodeType不是1，即不是element节点的话，它的parentElement就会是null一般情况parentNode可以取代parentElement的所有功能。parentElement匹配的是parent为element的情况，而parentNode匹配的则是parent为node的情况。element是包含在node里的，它的nodeType是1。 2023-07-26 02:45:081

javascript的parentNode，parentElement parentElement 是IE专用属性，parentNode 是W3C标准属性，parentElement 指的是该元素的父元素，parentNode指的是该DOM元素节点的上级节点 2023-07-26 02:45:324

this.parentElement.parentElement火狐谷歌undefined 神秘 2023-07-26 02:45:412

我要怎么取得父级DIV的ID呢？ 开始你给我的私信有回给你了你去看看 2023-07-26 02:45:493

jquery怎么获取当前元素的父元素 $(this).parent() 2023-07-26 02:45:571

在jap中怎么样实现利用按钮跳转页面 如果该按钮是在form表单中则很好处理<form action="需要跳转的页面"><Button onclick="this.parentElement.submit">我是跳转按钮，点我就跳到另外一个页面，点我试试</Button></form>代码解释：action为跳转的页面地址，可以交由Servlet处理跳转，也可以直接页面名，Button按钮标签，单击事件：onclick。this代表当前的对象，也就是按钮标签这个对象，指代作用。parentElement是得到当前标签（Button）的父标签（form）。form本身有一个事件：onsubmit。提交事件。this。parentElement。submit会自动调用onsubmit这个事件后。寻找action中的地址，然后就可以进行跳转了。如果该按钮不是在form表单中，则需要：<script> function goURL(){ window.location = "URL"; }</script><Button onclick="goURL();">我是跳转按钮，点我就跳到另外一个页面，点我试试</Button>或者：<Button onclick="window.location="url";">我是跳转按钮，点我就跳到另外一个页面，点我试试</Button> 2023-07-26 02:46:101

js里面哪个方法可以找到父节点的 <HTML> <HEAD> </HEAD> <BODY> <script> function find(obj) { //tr的对象obj //obj.parentElement就是table //obj.parentElement.children.length，table的孩子数 //obj.parentElement.children(1),就是table的第2个孩子(tr) //obj.parentElement.children(1).children(0),就是就是table的第2个孩子(tr)的第一个孩子(td),就这样找...都能找到 alert(obj.parentElement.children(1).children(0).innerText); } </script><table width="50%" border=1> <tr onClick="find(this);"> <td>1 </td> <td>2 </td> </tr> <tr> <td>3 </td> <td>4 </td> </tr></table></BODY></HTML> 2023-07-26 02:46:171

parentElement.removeNode(true)，IE下正常，火狐、谷歌下失效，帮忙解决一下。 只有IE有removeNode 你可以这样写this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode);最好能写个函数每个按钮执行函数就行了不要重复写这些 2023-07-26 02:46:362

C#listview 拖动水平滚动条怎样保持第一列不滚动 以下为Gridview嵌套两层div的代码： <div id="grid"> <div id="gridview"> <asp:GridView ID="GridView1" runat="server" Font-Size="9pt" CssClass="datagrid"><HeaderStyle Wrap="false" /> <RowStyle Wrap="false" /> </asp:GridView> </div></div>然后是CSS样式表：<style> .datagrid td {padding:4px; height:20px; text-align:center}.fixed{ background:#fcc; z-index:2; }.gridWidth{ width:4000px;} .unfixed{ border:none;}#grid {position:relative;display:block; width:90%; margin:30px auto; background:#fff; overflow:hidden;} #gridview{position:relative;display:block;width:100%; background:#fff; overflow-y: hidden;overflow-x: scroll;}</style>再是JS代码（用Jquery框架）：<script type="text/javascript" src="jquery-1.3.1.js"></script><script type="text/javascript">$(document).ready(function(){ var d=$("<div></div>"); var height=0; var width=0; d.css({position:"absolute",left:"0",top:"0",background:"#fff"}); $("#grid").append(d); var view=$(".datagrid"); var t=$("<table class="datagrid" cellspacing="0" rules="all" border="1" style="font-size:9pt;border-collapse:collapse;"></table>"); /*这里的table样式是在浏览器中查看GridView解析后的表格的样式，直接复制就行！*/ var trlist=view.find("tr"); for(var i=0;i<trlist.length;i++){ var tr=trlist[i]; var newTr=$("<tr style="white-space:nowrap;"></tr>"); /*这里tr的样式也一样，但要注意的是，有时gridview会隔一行换一种样式，这里的JS代码需要做一些处理*/ newTr.append($(tr).children(".fixed").clone()); t.append(newTr); } d.append(t); });</script> 2023-07-26 02:46:432

js怎么获取文本框内容 (这个文本框不在form里)提交 2023-07-26 02:46:513

关于前端的几个知识点，劳烦知友帮忙解答一下 1、DOM结构——两个节点之间可能存在哪些关系以及如何在节点之间任意移动。document.documentElement 返回文档的根节点<html> document.body <body> document.activeElement 返回当前文档中被击活的标签节点(ie) event.fromElement 返回鼠标移出的源节点(ie) event.toElement 返回鼠标移入的源节点(ie) event.srcElement 返回激活事件的源节点(ie) event.target 返回激活事件的源节点(firefox) 当前对象为node 返回父节点：node.parentNode, node.parendElement, 返回所有子节点：node.childNodes（包含文本节点及标签节点）,node.children 返回第一个子节点：node.firstChild 返回最后一个子节点： node.lastChild 返回同属上一个子节点：node.nextSibling 返回同属下一个子节点：node.previousSibling parentNode和parentElement功能一样，childNodes和children功能一样。但是parentNode和childNodes是符合W3C标准的，可以说比较通用。而另外两个只是IE支持，不是标准，Firefox就不支持 ,所以大家只要记得有parentElement和children就行了 2、DOM操作——怎样添加、移除、移动、复制、创建和查找节点。（1）创建新节点 createDocumentFragment() //创建一个DOM片段 createElement() //创建一个具体的元素 createTextNode() //创建一个文本节点（2）添加、移除、替换、插入 appendChild() removeChild() replaceChild() insertBefore()（3）查找 getElementsByTagName() //通过标签名称 getElementsByName() //通过元素的Name属性的值 getElementById() //通过元素Id，唯一性3、事件——怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别。（1）冒泡型事件：事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。 IE 5.5: div -> body -> document IE 6.0: div -> body -> html -> document Mozilla 1.0: div -> body -> html -> document -> window（2）捕获型事件(event capturing)：事件从最不精确的对象(document 对象)开始触发，然后到最精确(也可以在窗口级别捕获事件，不过必须由开发人员特别指定)。（3）DOM事件流：同时支持两种事件模型：捕获型事件和冒泡型事件，但是，捕获型事件先发生。两种事件流会触及DOM中的所有对象，从document对象开始，也在document对象结束。 DOM事件模型最独特的性质是，文本节点也触发事件(在IE中不会)。4、XMLHttpRequest——这是什么、怎样完整地执行一次GET请求、怎样检测错误。XMLHttpRequest 对象提供了在网页加载后与服务器进行通信的方法。<script type="text/javascript"> varxmlhttp; functionloadXMLDoc(url){ xmlhttp=null; if(window.XMLHttpRequest){ //code for all new browsers xmlhttp=newXMLHttpRequest(); }elseif(window.ActiveXObject){ //code for IE5 and IE6 xmlhttp=newActiveXObject("Microsoft.XMLHTTP"); } if(xmlhttp!=null){ xmlhttp.onreadystatechange=state_Change; xmlhttp.open("GET",url,true); xmlhttp.send(null); }else{ alert("Your browser does not support XMLHTTP."); }}functionstate_Change(){ if(xmlhttp.readyState==4){ //4 = "loaded" if(xmlhttp.status==200){ //200 = OK //...our code here... }else{ alert("Problem retrieving XML data"); } }}</script>5、严格模式与混杂模式——如何触发这两种模式，区分它们有何意义。在标准模式中，浏览器根据规范呈现页面；在混杂模式中，页面以一种比较宽松的向后兼容的方式显示。浏览器根据DOCTYPE是否存在以及使用的哪种DTD来选择要使用的呈现方法。如果XHTML文档包含形式完整的DOCTYPE，那么它一般以标准模式呈现。对于HTML 4.01文档，包含严格DTD的DOCTYPE常常导致页面以标准模式呈现。包含过渡DTD和URI的DOCTYPE也导致页面以标准模式呈现，但是有过渡DTD而没有URI会导致页面以混杂模式呈现。DOCTYPE不存在或形式不正确会导致HTML和XHTML文档以混杂模式呈现。6、盒模型——外边距、内边距和边框之间的关系，IE 8以下版本的浏览器中的盒模型有什么不同。一个元素盒模型的层次从内到外分别为：内边距、边框和外边距IE8以下浏览器的盒模型中定义的元素的宽高不包括内边距和边框7、块级元素与行内元素——怎么用CSS控制它们、它们怎样影响周围的元素以及你觉得应该如何定义它们的样式。块级元素，用CSS中的display:inline;属性则变为行内元素行内元素，用CSS中的display:block;属性则变为块级元素影响：周围元素显示在同一行或换行显示，根据具体情况调整样式8、浮动元素——怎么使用它们、它们有什么问题以及怎么解决这些问题。需要浮动的元素可使用CSS中float属性来定义元素的浮动位置，left：往左浮动，right：往右浮动浮动元素引起的问题：（1）父元素的高度无法被撑开，影响与父元素同级的元素（2）与浮动元素同级的非浮动元素会跟随其后（3）若非第一个元素浮动，则该元素之前的元素也需要浮动，否则会影响页面显示的结构解决方法：使用CSS中的clear:both;属性来清除元素的浮动可解决2、3问题，对于问题1，添加如下样式，给父元素添加clearfix样式：.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}.clearfix{display: inline-block;} /* for IE/Mac */9、HTML与XHTML——二者有什么区别，你觉得应该使用哪一个并说出理由。主要区别： XHTML 元素必须被正确地嵌套 XHTML 元素必须被关闭，空标签也必须被关闭，如 <br> 必须写成 <br /> XHTML 标签名必须用小写字母 XHTML 文档必须拥有根元素 XHTML 文档要求给所有属性赋一个值 XHTML 要求所有的属性必须用引号""括起来 XHTML 文档需要把所有 < 、>、& 等特殊符号用编码表示 XHTML 文档不要在注释内容中使“--” XHTML 图片必须有说明文字 XHTML 文档中用id属性代替name属性10、JSON——它是什么、为什么应该使用它、到底该怎么使用它，说出实现细节来。JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。JSON建构于两种结构：“名称/值”对的集合（A collection of name/value pairs）。不同的语言中，它被理解为对象（object），纪录（record），结构（struct），字典（dictionary），哈希表（hash table），有键列表（keyed list），或者关联数组（associative array）。值的有序列表（An ordered list of values）。在大部分语言中，它被理解为数组（array）。 2023-07-26 02:47:001

js 得到TR里某个td的值 这个用jquery很容易的 $("tr").find("td").eq(7)就是获得当前行的第八列原生态js写法是 window.event.srcElement.parentElement.parentElement.childNodes获得所有的td 循环一下就行了 2023-07-26 02:47:071

求教 document.getElementById 的用法 1、getElementById作用：一般页面里ID是唯一的，用于准备定为一个元素语法： document.getElementById(id) 参数：id :必选项为字符串(String) 返回值：对象; 返回相同id对象中的第一个，按在页面中出现的次序,如果无符合条件的对象，则返回 nullexample：document.getElementById("id1").value;2、getElementsByName作用：按元素的名称查找，返回一个同名元素的数组语法： document.getElementsByName(name)参数：name :必选项为字符串(String)返回值：数组对象; 如果无符合条件的对象，则返回空数组，按在页面中出现的次序example：document.getElementsByName("name1")[0].value; document.getElementsByName("name1")[1].value; 3、getElementsByTagName作用：按HTML标签名查询，返回一个相同标签元素的数组语法： object.getElementsByTagName(tagname) object可以是document或event.srcElement.parentElement等参数：tagname:必选项为字符串(String)，根据HTML标签检索。返回值：数组对象; 如果无符合条件的对象，则返回空数组，按在页面中出现的次序example：document.getElementsByTagName("p")[0].childNodes[0].nodeValue; document.getElementsByTagName("p")[1].childNodes[0].nodeValue 2023-07-26 02:47:151

如何用javascript设置table的td的id 分类: 电脑/网络 >> 程序设计 >> 其他编程语言问题描述: <TABLE id="aaa"> <TR> <TD>s1</TD> <TD>s2</TD> </TR> <TR> <TD>s3</TD> <TD>s4</TD> </TR> </TABLE> 一个表格如上,如何用javascript把内容为s3的td的ID设置为ss3 ???? 解析: 参考一下这段，把代码直接贴到文件即可使用 <style>body,td,div,a,input{font:menu;line-height:150%}</style> <table cellspacing=1 cellpadding=1 border=0 width=100% id=t136><tbody><form method=post enctype="multipart/form-data"><input type=hidden name=deal value=true><input type=hidden name=frmID value=22><input type=hidden name=thisdir value=><input type=hidden name=TID value=><tr class="page_speeder_1153071515" bgcolor=ACD0FD><td colspan=2>呵呵</td></tr><tr bgcolor=EFEFD6><td colspan=2><font color=000080>哈哈</font></td></tr><input type=hidden name=frmShowURL value=payment><input type=hidden name=ID value=><tr bgcolor=F0F0F0><td>xixi</td><td>xixi </td></tr><tr bgcolor=F9F9F9><td>hehe</td><td><input type=text class=border_index name=newdir style="ime-mode:disabled"><font color=000080>hehe</font> </td></tr><tr bgcolor=F0F0F0><td>新图片上传</td><td><div> <input type=button onclick=addNew() value=增加 class=button_index><font color=000080>(按一次增加按钮就可以上传一张图片。)</font></div></td></tr><tbody></table></form><script> var i=0,arr=new Array("F9F9F9","F0F0F0"); function addNew(){ tr=document.all.t136.insertRow(); tr.style.backgroundColor=arr[i%2]; tr.insertCell().innerText="图片"+(++i); tr.insertCell().innerHTML="<input type=file name=pic"+i+" class=border_index> <a href=javascript:void(0) onclick=del()>删除</a>" } function del(){ document.all.t136.deleteRow(window.event.srcElement.parentElement.parentElement.rowIndex); for(i=0;i<document.all.t136.rows.length-5;i++){ document.all.t136.rows[i+5].cells[0].innerText="图片"+(i+1); document.all.t136.rows[i+5].cells[1].children[0].name="pic"+(i+1); document.all.t136.rows[i+5].style.backgroundColor=arr[i%2]; } } </script> 2023-07-26 02:47:341

请教一下，在易语言中，我想把编辑框1里的数字，全部提取到编辑框2中。该怎么做？参考你的例子未能成功。 使用精易模块的正则，不要用易语言自带的正则源文本=编辑框1.内容"文本型变量计次=0"整数型变量正则.创建("onclick")"+#引号+">jw(.*?)</span>",源文本)计次循环首(正则.取子匹配数量,计次)编辑框2.内容=编辑框2.内容+正则.取子匹配文本(1,1)+#换行符计次循环尾()"上面代码我已经给你写出来了。满意请采纳。 2023-07-26 02:47:411

怎么用原生js去找父级里的子元素 dom.parentNode.children() 2023-07-26 02:47:571

JS之DOM操作 DOM： Document Object Model，文档对象模型；js提供了丰富的api来操作文档内容。 DOM树： html文档中的内容是以树形结构排布，html是DOM树根，html下只有两个子标签head、body 节点： DOM将所有的分支端都成为节点。节点有很多类型，常见的节点类型有：文本节点、元素节点。可以通过 nodeType查看节点类型： 1元素节点、3文本节点特殊的元素节点： 1、html元素 2、body元素 3、head元素节点操作的api（属性和方法） 1、nodeName：只读属性，可以读取节点名称 2、nodeType：只读属性，读取节点类型 3、 hasChildNodes()：判断调用方法的节点是否存在子节点，存在返回true，不存在返回false。主流浏览器会将换行符、制表符、空格当做文本节点处理，IE9以下会忽略它们。 4、childNodes：只读属性，获得节点的子节点集合，子节点集合是一个类数组结构，有数组特点无数组方法 5、firstChild：获得节点的第一个子节点 6、lastChild：获得节点的最后一个子节点 7、querySelector()：参数：string类型，css选择器作用：获得文档中第一个符合选择器条件的节点兼容：在IE9以下不支持 8、 querySelectorAll()： // 获得的都是静态集合参数：string类型，css选择器作用：获得文档中所有符合选择器条件的节点集合（类数组结构）兼容：在IE9以下不支持注意： querySelector() 和 querySelectorAll() 得到的都是元素节点。 9、previousSibling：获取节点的前一个兄弟节点 10、nextSibling：获取节点的后一个兄弟节点 11、parentNode：获得节点的父节点（父节点一定是元素节点） 12、removeChild()：节点删除它的指定子节点 DOM操作元素：暂时不用的隐藏、一定不用的删除。 13、cloneNode()：克隆一个节点参数：boolean类型，true深克隆，false浅克隆，默认浅克隆深克隆：不仅克隆节点和节点的属性，还会克隆节点的子节点浅克隆：只克隆节点和节点的属性，不会克隆节点的子节点 14、a.replaceChild(b,c)：用b替换c 其中a是c的父节点，c是文档上已经存在的节点，b可以是节点也可以是已存在节点，被替换的节点会从文档结构中删除。 15、a.replaceWith(b)：用b替换a a已存在的节点，b可以是新节点也可以是已存在节点，被替换的节点从DOM树删除。 16、a.insertBefore(b,c)：在c前面插入b 其中，a是c的父节点，c是已经存在的节点，b是新节点 17、a.appendChild(b)：在a末尾追加b a是父节点，b是a的子节点, c是子节点元素节点的相关api 1、getElementsByTagName()：根据标签名获得元素集合（类数组结构）区别：HTMLCollection 是动态集合，NodeList 是静态集合。 2、createElement()：根据标签名创建新元素 3、id：读写属性，可以读取或设置元素的id值 4、className：读写属性，可以读取或设置元素的class值 5、classList：读取标签的类名集合（类数组结构） add()：为元素新增类名，如果类名已存在不会重复添加 remove()：删除元素指定类名，如果类名不存在不会执行操作元素的属性分为两类：一类是元素本里就拥有的属性，例如：id、class、style、src、herf、target、alt、title、type、value等等，这些属性可以在js中直接通过.语法读取或设置。再一类是我们为了解决问题给元素添加的自定义属性，这些属性在js中无法直接通过.语法读取，需要通过操作方法访问。 6、setAttribute(name,value) 参数：name表示要设置的属性名，value要为属性设置的值无返回值 7、getAttribute(name) 参数：name表示要读取的属性名返回值：返回属性的值，如果属性不存在会返回null 8、removeAttribute(name) 参数：name表示要删除的属性名无返回值说明：setAttribute()、getAttribute()、removeAttribute()都可以操作元素的本地属性和自定义属性。 element拓展：兼容：以下属性、方法在IE9以下不支持。 1、children：读取元素的所有元素子节点集合（类数组） 2、parentElement：读取元素的父元素节点 3、previousElementSibling：读取前一个元素兄弟节点 4、nextElementSibling：读取后一个元素兄弟节点 5、firstElementChild：读取第一个元素子节点 6、lastElementChild：读取最后一个元素子节点 7、remove(): 将调用方法的元素从DOM结构中删除 2023-07-26 02:48:041

jsp中制作下拉时间 这太简单了 2023-07-26 02:48:123

（HTML JS javascript) js 中如何得到本标签位于父标签中的第几个？ 方法1：这段HTML代码是不是服务器端脚本生成，加一个序号属性，这样最简单明了。方法2：申请计数器变量，写循环在 currentNode.parentElement.children 集合中比对。不过还是强烈建议用 jquery 选择器处理这类问题 2023-07-26 02:48:204

请问：如何在aspx页面中实现点击文本框出现日期选择，并且所选的时间进入文本框中？ 用内嵌javascript更好，占服务器资源比较少，转一下别人的代码（具体调用方法最下面有）：<script>/* alin *//* Email:caoailin111@sohu.com *//* QQ:38062022 *//* Creation date: 2004-6-13 */ var myC_x,myC_y; var myC_timeset=null,myC_timeset1=null; var divObj=null; var inputName; function myCalendar() //构建对象 { var myDate = new Date(); this.year = myDate.getFullYear(); this.month = myDate.getMonth()+1; this.date = myDate.getDate(); this.format="yyyy-mm-dd"; this.style = myStyle(1); this.show = createCalendar; this.input = createInput; } function myStyle(num) //设置样式 { if(!num||isNaN(num)){alert("参数不对,采用默认样式！");num=1;} var style = new Array(); style[1]=".week{background-color:#DfDfff;font-size:12px;width:140px;}" +".ds{width:140px;font-size:12px;cursor:hand}" +".mover{border:1px solid black;background-color:#f4f4f4;}" +".move1{border:1px solid #5d5d5d;background-color:#f4f4f4;color:#909eff;font-size:12px}" +".tit{background-color:#909EFF;width:140px;font-size:12px;color:white;cursor:default}" +".cs{position:absolute;border:1px solid #909eff;width:142px;left:0px;top:0px;z-index:9999;}" +".shadow{position:absolute;left:0px;top:0px;font-family: Arial Black;font-size:50px;color:#d4d4d4;z-index:1;text-align:center;}"; document.write("<style type="text/css">"); document.write(style[num]); document.write("</style>"); } function createCalendar() { var week = new Array("日","一","二","三","四","五","六"); document.write("<div class="cs" onselectstart="return false" oncontextmenu="return false" onmousedown="if(event.button==2)this.style.display="none"" id="myC_div"><div class="shadow"></div><div style="position:absolute;left:0px;top:0px;z-index:1">"); //创建头部 document.write("<table class="tit" id="myC_Top" onmousedown="myC_x=event.x-parentNode.parentNode.style.pixelLeft;myC_y=event.y-parentNode.parentNode.style.pixelTop;setCapture()" onmouseup="releaseCapture();" onmousemove="myCMove(this.parentElement.parentElement);"><tr><td width=10 onmouseover="this.style.color="black"" onmouseout="this.style.color=""" onclick="cutYear()" style="font-family: Webdings;cursor:hand;" title="减少年份">7</td><td title="减少月份" onmouseover="this.style.color="black"" onclick="cutMonth()" onmouseout="this.style.color=""" width=10 style="font-family: Webdings;cursor:hand;">3</td><td align=center onmouseover=this.className="move1"; onmouseout=this.className="";divHidden(myC.parentElement.nextSibling); onclick="createyear("+this.year+",this);divShow(myC.parentElement.nextSibling);"></td><td align=center onclick="createmonth("+this.month+",this);divShow(myC.parentElement.nextSibling)" onmouseover=this.className="move1"; onmouseout=this.className="";divHidden(myC.parentElement.nextSibling);></td><td width=10 onmouseover="this.style.color="black"" onmouseout="this.style.color=""" onclick="addMonth()" style="font-family: Webdings;cursor:hand;" title="增加月份">4</td><td width=10 style="font-family: Webdings;cursor:hand;" onmouseover="this.style.color="black"" onmouseout="this.style.color=""" onclick="addYear()" title="增加年份">8</td></tr></table>"); //创建星期条目 document.write("<table class="week"><tr>"); for(i=0;i<7;i++) document.write("<td align=center>"+week[i]+"</td>"); document.write("</tr></table>"); //创建日期条目 document.write("<table class="ds" id="myC" cellspacing=2 cellpadding=0>"); for(i=0;i<6;i++) { document.write("<tr>"); for(j=0;j<7;j++) document.write("<td width=10% height=16 align=center onmouseover="mOver(this)" onmouseout="mOut(this)" onclick="if(this.innerText!="")getValue(inputName,this.innerText);myC_div.style.display="none""></td>"); document.write("</tr>"); } document.write("</table>"); //建建水印 document.write("</div>"); //创建选择图层 document.write("<div style="position:absolute;left:0px;top:0px;z-index:3" onmouseover=divShow(this) onmouseout=divHidden(this)></div>"); document.write("</div>");//显示日期 showDate(this.year,this.month); myC_div.style.display="none"; } function getValue(obj,value) { eval(obj).value=parseInt(myC_Top.cells[2].innerText)+"-"+parseInt(myC_Top.cells[3].innerText)+"-"+value; } function showDate(year,month) { var myDate = new Date(year,month-1,1); var today = new Date(); var day = myDate.getDay(); var length = new Array(31,30,31,30,31,30,31,31,30,31,30,31); length[1] = ((year%4==0)&&(year%100!=0)||(year%400==0))?29:28; for(i=0;i<myC.cells.length;i++)myC.cells[i].innerHTML = ""; for(i=0;i<length[month-1];i++) { myC.cells[i+day].innerHTML = (i+1); if(new Date(year,month-1,i+1).getDay()==6||new Date(year,month-1,i+1).getDay()==0){myC.cells[i+day].style.color="red";} } myC_Top.cells[2].innerText=year+"年"; myC_Top.cells[3].innerText=month+"月"; with(myC.parentNode.previousSibling.style) { pixelLeft=myC.offsetLeft; pixelTop=myC.offsetTop; height = myC.clientHeight; width = myC.clientWidth; } myC.parentElement.parentElement.style.height=myC.parentElement.offsetHeight; myC.parentElement.previousSibling.innerHTML=year; } //一些附加函数-------------------- //---------Begin------------------- function mOver(obj){obj.className = "mover";} function mOut(obj){if(obj.className=="mover")obj.className = "";} function addYear(){var year = parseInt(myC_Top.cells[2].innerText);var month = parseInt(myC_Top.cells[3].innerText); year++;showDate(year,month);} function addMonth(){var year = parseInt(myC_Top.cells[2].innerText);var month = parseInt(myC_Top.cells[3].innerText);month++;if(month>12){month=1;year++;}showDate(year,month);} function cutYear(){var year = parseInt(myC_Top.cells[2].innerText);var month = parseInt(myC_Top.cells[3].innerText);year--;showDate(year,month);} function cutMonth(){var year = parseInt(myC_Top.cells[2].innerText);var month = parseInt(myC_Top.cells[3].innerText);month--;if(month<1){month=12;year--;}showDate(year,month);} function divS(obj) { if(obj!=divObj) { obj.style.backgroundColor="#909eff"; obj.style.color="black"; } if(divObj!=null) { divObj.style.backgroundColor=""; divObj.style.color=""; } divObj = obj; } function divShow(obj) { if (myC_timeset!=null) clearTimeout(myC_timeset); obj.style.display="block"; } function divHidden(obj){myC_timeset=window.setTimeout(function(){obj.style.display="none"},500);} function createyear(year,obj)//创建年份选择 { var ystr; var oDiv; ystr="<table class="move1" cellspacing=0 cellpadding=2 width="+obj.offsetWidth+">"; ystr+="<tr><td style="cursor:hand" onclick="createyear("+(year-20)+",myC_Top.cells[2])" align=center>上翻</td></tr>"; for(i=year-10;i<year+10;i++) if(year==i) ystr+="<tr style="background-color:#909eff"><td style="color:black;height:16px;cursor:hand" align=center onclick="myC_Top.cells[2].innerText=this.innerText;showDate("+i+",parseInt(myC_Top.cells[3].innerText));myC.parentElement.nextSibling.innerHTML=""">"+i+"年</td></tr>"; else ystr+="<tr><td align=center style="cursor:hand" onmouseover=divS(this) onclick="myC_Top.cells[2].innerText=this.innerText;showDate("+i+",parseInt(myC_Top.cells[3].innerText));myC.parentElement.nextSibling.innerHTML=""">"+i+"年</td></tr>"; ystr+="<tr><td style="cursor:hand" onclick="createyear("+(year+20)+",myC_Top.cells[2])" align=center>下翻</td></tr>"; ystr+="</table>"; oDiv = myC.parentElement.nextSibling; oDiv.innerHTML=""; oDiv.innerHTML = ystr; showDiv(oDiv,obj.offsetTop+obj.offsetHeight,obj.offsetLeft); } function createmonth(month,obj)//创建月份选择 { var mstr; var oDiv; mstr="<table class="move1" cellspacing=0 cellpadding=2 width="+obj.offsetWidth+">"; for(i=1;i<13;i++) if (month==i) mstr+="<tr style="background-color:#909eff"><td style="color:black;height:16px;cursor:hand" align=center onclick="myC_Top.cells[3].innerText=this.innerText;showDate(parseInt(myC_Top.cells[2].innerText),"+i+");myC.parentElement.nextSibling.innerHTML=""">"+i+"月</td></tr>"; else mstr+="<tr><td align=center style="cursor:hand" onmouseover="divS(this)" onclick="myC_Top.cells[3].innerText=this.innerText;showDate(parseInt(myC_Top.cells[2].innerText),"+i+");myC.parentElement.nextSibling.innerHTML=""">"+i+"月</td></tr>"; mstr+="</table>"; oDiv = myC.parentElement.nextSibling; oDiv.innerHTML=""; oDiv.innerHTML = mstr; showDiv(oDiv,obj.offsetTop+obj.offsetHeight,obj.offsetLeft); } function showDiv(obj,top,left) { obj.style.pixelTop=top; obj.style.pixelLeft=left; } function myCMove(obj) { if(event.button==1) { var X = obj.clientLeft; var Y = obj.clientTop; obj.style.pixelLeft= X+(event.x-myC_x); obj.style.pixelTop= Y+(event.y-myC_y); window.status=myC_y; } } function showDiv2(obj) { inputName=obj.name; var e=obj; var ot = obj.offsetTop; var ol=obj.offsetLeft; while(obj=obj.parentElement){ot+=obj.offsetTop;ol+=obj.offsetLeft;} myC_div.style.pixelTop=ot+e.offsetHeight; myC_div.style.pixelLeft=ol; myC_div.style.display="block"; } function createInput(name) {myC_div.style.display="none"; document.write("<input type="text" name=""+name+"" size=20 onfocus="showDiv2(this)">"); } // --------------End --------------------- </script><script>var myCalendar=new myCalendar; myCalendar.year=2005; myCalendar.show(); myCalendar.input("txt1");</script><input type="text" name="test" onfocus="showDiv2(this)" readonly=true> 2023-07-26 02:48:272

js拖动div，显示坐标怎样相对于父层 将 #main 设定成 position:relative，里面的 absolute 的 x,y 位置就会是相对它而不是相对页面，就不用算得这麼辛苦了。 2023-07-26 02:48:351

jquery实现拖拽tr 案例和插件没什么区别吧，jquery UI里面整合一下就好了 2023-07-26 02:48:531

怎么用js设置一个按钮点击按钮可以添加table的行 js设置一个按钮点击按钮可以添加table的行：1、你先要根据table的ID获取到table实例2、当单机按钮的时候，创建一个table行，然后添加到已经获取到的table中即可具体可参考：http://blog.csdn.net/adsdassadfasdfasdf/article/details/6047927 2023-07-26 02:49:032

JS如何获得动态增加行的行号 都贴这么多 2023-07-26 02:49:185

请教Ext高手我现在子窗口中如何得到父窗口中的值，没有分了请大家帮帮忙 把Ext改成parent.Ext试试 2023-07-26 02:49:332

HTML中img的属性有哪些 骨灰级工会经费 2023-07-26 02:50:053

用js怎么动态插入行 为什么不用jquery呢，那简单到不行了，用js操作Dom比较麻烦，如果你刚学js的话，那就先学js，如果你是学过js的话，建议学习jquery，你会感觉一切都变得简单！！！Jquery，你值得信赖！！！记得看私信！！！以下是js实现！！！百度一下有好多！！！<%@ page language="java" import="java.util.*,com.page.wash.giveclothing.*" pageEncoding="gbk"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>添加表格信息</title><meta http-equiv="pragma" content="no-cache" /><meta http-equiv="cache-control" content="no-cache" /><meta http-equiv="expires" content="0" /> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3" /><meta http-equiv="description" content="This is my page" /><script language="javascript" type="text/javascript"> function AddRow(){//添加一行var i =tab1.rows.length;var Nam=""div1"";var Cod="fuJ"+i;var newTr = tab1.insertRow();//添加列var newTd0 = newTr.insertCell();var newTd1 = newTr.insertCell();var newTd2 = newTr.insertCell();var newTd3 = newTr.insertCell();//设置列内容和属性newTd0.innerHTML = "<input type="checkbox" id="box1" onClick="GetRow()"/ /><input type="hidden" name="fuJ" id="+Cod+" />"; newTd1.innerHTML = " 衣服尺码";newTd2.innerHTML = " 衣服花色";newTd3.innerHTML = " 处理类型";}function DelRow(){//删除一行 var shu=0; var cheCou=document.all("box1"); for(var i=0;i<cheCou.length;i++) { if (cheCou[i].checked==true) { shu++; } } if(shu==cheCou.length) { alert("最少要添加一件衣服"); return; } else if(shu==0) { alert("请选择你要删除的信息"); return; } else if(shu==1) { for(var i=0;i<cheCou.length;i++) { if(cheCou[i].checked==true) { tab1.deleteRow(i+1); } } } else if(shu>1) { for(var a=0;a<shu;a++) { for(var i=0;i<cheCou.length;i++) { if(cheCou[i].checked==true) { tab1.deleteRow(i+1); break; } } } }}function GetRow(){ //获得行索引 //两个parentElement分别是TD和TR哟，rowIndex是TR的属性 //this.parentElement.parentElement.rowIndex cGetRow=window.event.srcElement.parentElement.parentElement.rowIndex; }</script> </head> <body><form name="form1" action="${pageContext.request.contextPath}/giveClothing.do?method=FuJiaFei" method="post" ><center> <fieldset> <legend><strong>动态添加一行表格</strong></legend> <input type=hidden id="hid" name="hid"/ /> <table id="tab1" align="center" border="1" cellPadding="4" cellSpacing="0" borderColorLight="#999999" borderColorDark="#ffffff" style="width:95%;word-break: break-all"> <thead> <tr> <th align="center" width="10%">选择</th> <th align="center" width="15%">衣服尺码</th> <th align="center" width="15%">衣服花色</th> <th align="center" width="15%">处理类别</th> </tr> </thead> <tr > <td><input type=checkbox id="box1" onClick="GetRow()" /> <input type="hidden" name="fuJ" id="fuJ1" /> </td> <td> 衣服尺码</td> <td> 衣服花色</td> <td> 处理类别</td> </tr> </table> <table align="center" border="1" cellPadding="4" cellSpacing="0" borderColorLight="#999999" borderColorDark="#ffffff" style="width:95%;word-break: break-all"> <tr> <td align="right"> <input type="button" name="Submit" value="增加一行" onclick="javascript:AddRow();" /> <input type="button" name="Submit" value="删除一行" onclick="javascript:DelRow();" /> </td> </tr> </table></form> </body></html> 2023-07-26 02:50:133

拖动DIV,效果不对，不知道哪里错了，请帮忙看看 跟据你的改编的，自已看看，是不是你要的<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title><style></style></head><body><a href="#" onClick="javascript:divop("test1","show",1);" />链接1</a><a href="#" onClick="javascript:divop("test2","show",2);" />链接2</a><a href="#" onClick="javascript:divop("test3","show",3);" />链接3</a><a href="#" onClick="javascript:divop("test4","show",4);" />链接4</a></p><div id="test1" class="aaa"> <div class="b" onMouseDown="startDrag(this)" onMouseUp="stopDrag(this)" onMouseMove="drag(this)">请选择类型一</div> <div class="c"><span style="text-decoration:underline; cursor:hand;" onClick="javascript:divop("test1","hid");">X</span> </div> <div class="clear"></div> <div class="d">这里是内容 </div> <div class="e"><input type="button" value="下一步" /> <input type="button" value="关闭" onClick="javascript:divop("test1","hid");" /></div></div><div id="test2" class="aaa"> <div class="b" onMouseDown="startDrag(this)" onMouseUp="stopDrag(this)" onMouseMove="drag(this)">请选择类型一</div> <div class="c"><span style="text-decoration:underline; cursor:hand;" onClick="javascript:divop("test2","hid");">X</span> </div> <div class="clear"></div> <div class="d">这里是内容 </div> <div class="e"><input type="button" value="下一步" /> <input type="button" value="关闭" onClick="javascript:divop("test2","hid");" /></div></div><div id="test3" class="aaa"> <div class="b" onMouseDown="startDrag(this)" onMouseUp="stopDrag(this)" onMouseMove="drag(this)">请选择类型一</div> <div class="c"><span style="text-decoration:underline; cursor:hand;" onClick="javascript:divop("test3","hid");">X</span> </div> <div class="clear"></div> <div class="d">这里是内容 </div> <div class="e"><input type="button" value="下一步" /> <input type="button" value="关闭" onClick="javascript:divop("test3","hid");" /></div></div><div id="test4" class="aaa"> <div class="b" onMouseDown="startDrag(this)" onMouseUp="stopDrag(this)" onMouseMove="drag(this)">请选择类型一</div> <div class="c"><span style="text-decoration:underline; cursor:hand;" onClick="javascript:divop("test4","hid");">X</span> </div> <div class="clear"></div> <div class="d">这里是内容 </div> <div class="e"><input type="button" value="下一步" /> <input type="button" value="关闭" onClick="javascript:divop("test4","hid");" /></div></div><script language="javascript">function $(id){ return document.getElementById(id);}function divop(objid,stat,num)//控制层的显示和隐藏{//alert(objid);if (stat=="show"){$(objid).style.display="block";$(objid).style.left=(num*20)+"px";//$(objid).style.top=(num*100)+"px";}else{$(objid).style.display="none";}}var x0=0,y0=0,x1=0,y1=0; var moveable=false; //开始拖动; function startDrag(obj){ if(event.button==1){ obj.setCapture(); var win = obj.parentNode; x0 = event.clientX; y0 = event.clientY; x1 = parseInt(win.offsetLeft); y1 = parseInt(win.offsetTop); moveable = true; } } //拖动; function drag(obj){ if(moveable){ var win = obj.parentNode; win.style.left = x1 + event.clientX - x0; win.style.top = y1 + event.clientY - y0; } } //停止拖动; function stopDrag(obj){ if(moveable){ obj.releaseCapture(); moveable = false; } } </script> </body></html> 2023-07-26 02:51:161

请问大佬们前端data-url怎么实现点击后跳转到data-url网址？ <a href="javascript:;" target="_blank" rel="nofollow">改为<a href="javascript:;" target="_blank" rel="nofollow" onclick="this.href=this.children[0].dataset.url;">所有都要改 2023-07-26 02:51:254

java中getelementbiclass怎么获取子节点 document.getElementsByClassName()或Element.getElementsByClassName，如果你说的是第二种，那么就可以找出子节点中含有此样式的节点。另外，这是Javascript在DOM中的方法，从应用场景来看，通过className很难分辨出父子节点，但还是可以利用offsetParent、parentElement、childElements可以找到它们之间的关系。 2023-07-26 02:51:391

透明png图片变灰色 ie6下png透明图片的确为灰色,你添加如下js就可以了:function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6. { var arVersion = navigator.appVersion.split("MSIE") var version = parseFloat(arVersion[1]) if ((version >= 5.5) && (version < 7) && (document.body.filters)) { for(var i=0; i<document.images.length; i++) { var img = document.images[i] var imgName = img.src.toUpperCase() if (imgName.substring(imgName.length-3, imgName.length) == "PNG") { var imgID = (img.id) ? "id="" + img.id + "" " : "" var imgClass = (img.className) ? "class="" + img.className + "" " : "" var imgTitle = (img.title) ? "title="" + img.title + "" " : "title="" + img.alt + "" " var imgStyle = "display:inline-block;" + img.style.cssText if (img.align == "left") imgStyle = "float:left;" + imgStyle if (img.align == "right") imgStyle = "float:right;" + imgStyle if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle var strNewHTML = "<span " + imgID + imgClass + imgTitle + " style="" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";" + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader" + "(src="" + img.src + "", sizingMethod="scale");"></span>" img.outerHTML = strNewHTML i = i-1 } } } } window.attachEvent("onload", correctPNG); 2023-07-26 02:51:561

HTML中table的上一个兄弟节和第一个子节点为什么是#text 文本节点也是节点你把换行去掉，就是直接的div了parentElement即可。 2023-07-26 02:52:042

javascript如何为一个节点的子节点添加事件 document.getElementById("aaa").document.getElementsByTagName("p").addEvent("onclick",test); 2023-07-26 02:52:142

js中怎样控制不满足条件时不让键盘输入

最经典的实现字符数控制的方案当我们在ASP.NET开发时，经常会遇到一个头疼的问题：字符数的控制由于数据库的字段长度是固定的，因此在进行字符输入时，最关键的就是控制字符的个数不能超过字段的长度，要不然，一个个异常会让人疯掉的。对于单行文本框，不管是HTML控件还是Web控件，我们经常会使用MaxLength来控制，但这种控制无法控制到中文字符，即MaxLength=50的控制，可以输入50个英文与50个中文，这样的话，还是会导致中文字符数的溢出。对于多行文本框，那就更惨了，使用MaxLenth根本不起作用的。下面提供的方案优势： 1)最佳的方法是在文本框中输入时，控制到最大字数，超过时不能进行输入;2)对于粘帖的情况也要能兼容，以前网上的方法不能控制到paste的情况;3)对于最后的一个中文字符，宁愿舍去也不能多一个字符，比如50的字符数，在第49个时，最后输入一个中文，会导致最终字数为51,而这种情况，推荐是不能输入中文，保证最终的字符数<=50最佳，因为放弃一个中文字符总比数据库报错要好吧。 4)为了提高开发效率，尽可能的减少代码量,此方案不需要为文本框添加任何事件，而是由脚本块自己解决，因此只需要把脚本块饮包含到页面中就可以了，这应该是相当方便了吧完善版修改：由于前一个方案中，一些输入法无法激活onpress事件，导致对于中文的不支持，现在采用onkeyup事件处理，在处理方式上也进行了修改，原来的onpress事件是进行输入控制，而onkeyup只能对已经输入后的字数进行字数判断，过长的进行截短处理。在原方案中，有位朋友指出：数据采用n(type)系统不会报错，是的，如果采用n(type)的话，是以字符为基础的，可以不考虑数据库出错的可能性，但同样也存在一个界面显示的问题，比如界面上的Address值，希望是100个字符，如果不进行中英文字数区分，最多将输入100个中文，从而占200 个字节空间，导致Adress在显示时会超过预料的空间，界面搞得不易控制。因此，此方案还是有可取之处的。具体新方案实现： 1)将以下的代码包含到页面中：<script language="javascript">  </script> 2)在需要控制的控件上添加length="n"(n为要控制的字数)即可，如： <INPUT type="text" length="3"> <TEXTAREA length="20" rows="2" cols="20"></TEXTAREA> <asp:TextBox id="TextBox1" runat="server" length="7"></asp:TextBox> <asp:TextBox id="TextBox2" runat="server" TextMode="MultiLine" length="10"></asp:TextBox> 上面是HTML控件与Web控件的例子，只要加一个length就可以了。个人建议：1）可以把这个脚本块放在js文件中，进行引用即可 2）可以把脚本放在BasePage中，这样每个页面都可以使用了 3）可以使用这些脚本块，开发专门的服务器端控件。

2023-07-26 02:52:211

如何用js实现点击按钮使table某一单元格变为可编辑状态 获取TABLE中的值可以用下面的代码完成. <html> <head> <script language="javascript"> function doclick() { var td = event.srcElement; // 通过event.srcElement 获取激活事件的对象 td alert("行号：" + (td.parentElement.rowIndex + 1) + "，内容：" + td.innerText); } </script> </head> <body> <table onclick="doclick()"> <tr> <td> 9:00 </td> <td> 10:00 </td> </tr> <tr> <td> 11:00 </td> <td> 12:00 </td> </tr> </table> </body> </html> 但是你所说的拖动到datagrid 中形成时间带显示. 这个我看不太懂, 能举例说明 ? 2023-07-26 02:52:293

为何固定表头会偏移？ 下面这样就可以了（我只修改了CSS）：<html> <head> <title>固定表头 </title> <style type="text/css"> tr.locktr{ position:relative; top:expression((this.offsetParent.scrollTop>this.parentElement.parentElement.offsetTop? this.offsetParent.scrollTop-this.parentElement.parentElement.offsetTop-1:0)-1); left:-1;background-color:blue; } </style> </head> <body> 报表 <br> 2009.3.3 <br> 中国福建 <br> <br> <table border=1 bordercolor="#0000FF" style="border-collapse:collapse" cellpadding=3> <tr class="locktr"> <td bgcolor=gray>固定表头 </td> <td bgcolor=gray>测试 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> <tr> <td>1 </td> <td>2 </td> </tr> </table> </body> </html> 2023-07-26 02:52:481

js怎么找一个子元素的父元素 obj.offsetParent 2023-07-26 02:52:584

myeclipse里面 jsp代码颜色设置？如图上的底色是灰色的，怎么设置为其他颜色！ jsp 提示框颜色设置方法：jsp中可以嵌入通用的js写的弹出框提示，只要根据不同场景传不同参数就可以了。参考代码如下：<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>弹出窗口(可拖动，背景灰色透明)</title><script type="text/javascript"></script></head><body><table width="600" border="0" cellspacing="0" cellpadding="0"><tr ><td height="100" align="center" ><p><a href="javascript:AlertMsg("温馨提示","")">点我试试!</a></p></td></tr></table></div></body></html> 2023-07-26 02:53:391

javascript在使用过程中，浏览器之间存在什么样的差异 基本没什么差异、、但是会有一些属性是个别浏览器特有的，其它浏览器没有。。 2023-07-26 02:54:052

怎样让一个div高度自适应浏览器高度 让一个div高度自适应浏览器高度的方法：1、获取到window的innerHeight、clientHeight根据这两个参数定义div的高度。function resizeElementHeight(element) { var height = 0; var body = window.document.body; if (window.innerHeight) { height = window.innerHeight; } else if (body.parentElement.clientHeight) { height = body.parentElement.clientHeight; } else if (body && body.clientHeight) { height = body.clientHeight; } element.style.height = ((height - element.offsetTop) + "px");}2、定义div的高度的方法：document.getElementById("yourDiv").height = height； 2023-07-26 02:54:152

汽车上EBD是什么 EBD是表示电子制动力分配系统。DSC表示车身稳定控制系统。TSC估计你写错或了，只有TCS或VSC.TCS表示牵引力控制系统。VSC和DSC一样。VIS表示发动机可变气道。刚刚给你查了一下，难道TSC是触摸控制！ 2023-07-26 02:51:511

惠存的意思是什么并且造句 【惠存解释】：敬辞，请保存（多用于送人相片、书籍等纪念品时所题的上款）。近义词：不佳反义词：安好平安凶险危险相似词：小惠惠顾恩惠惠允施惠惠及贤惠受惠 1, 惠存好行李寄放卡，当您来取回行李时，请出示这张卡的下半联。2, 您好,这是我的简历,请您惠存,我感觉自己特合适贵公司。3, 今天不更,这几天可能更的很艰难,不过道士惠存稿,所以请大家稍安勿躁。4, 奉菩萨法旨,特赠公子柳叶三片,请公子惠存。5, 吴眠因欠多人巨款,不堪追债叨扰,故换此新号,望惠存!6, 接下来刘惠存说什么也不坐我的上面,他振振有词的说:“一科是正房,我们三科是偏房,虽然你我都是科长,可我这个科长怎么能和你这个科长比呢。7, 启洛惠存,方逸两字后面加上日期。8, 赠白青惠存……呵呵,白青不仅哑然失笑:原来早有准备呀。 2023-07-26 02:51:521

依必安派特电机(上海)有限公司电话是多少？ 依必安派特电机(上海)有限公司联系方式：公司电话021-20307300，公司邮箱huan.zhang@cn.ebmpapst.com，该公司在爱企查共有7条联系方式，其中有电话号码2条。公司介绍：依必安派特电机(上海)有限公司是2005-10-12在上海市浦东新区成立的责任有限公司，注册地址位于上海市南汇工业园区宣中路399号19、21、24、26、27、28、29、30、32、33幢。依必安派特电机(上海)有限公司法定代表人Thomas Wagner，注册资本2,650万(美元)，目前处于开业状态。通过爱企查查看依必安派特电机(上海)有限公司更多经营信息和资讯。 2023-07-26 02:51:541

学服装设计有什么好处 不太好真的很多人学出来要么去做服装销售或是卖衣服你如果够有钱加上有门路可以去可以把它当作兴趣啊呵呵。室内平面、、都比较好相比之下 2023-07-26 02:51:5414

王力宏的《kiss goodbye》MV中的女主角是不是张嘉恒(amy)? 何颐萱 2023-07-26 02:51:554

汽车当中的制动力分配(EBD)是什么意思？ 电子制动力分配系统,就是一个辅助系统 2023-07-26 02:51:422

arms是什么意思 arms的意思是兵器。资料扩展：中国古代有“十八般武艺”之说，其实是指十八种兵器。一般是指弓、弩、枪、棍、刀、剑、矛、盾、斧、钺、戟、殳、鞭、锏、锤、叉、钯、戈。而中国武术中的兵器远不止十八种，如果加上各种奇门兵器和形形色色的暗器，其总数恐不下百种。短兵器所谓短兵器，是指其长度一般不超过常人的眉际，分量较轻，使用时常单手握持的兵器。最常见的短兵器是刀和剑。武林中最常见的长兵器是枪、棍、大刀三种。索击类暗器有绳镖、流星锤、狼牙锤、龙须钩、飞爪、软鞭、锦套索、铁莲花等。一般来讲，中国古代兵器是指在中国古代从史前时期直到清朝末年，也就是1840年鸦片战争为止这个历史阶段里面，中国古代军队、民间使用的各种兵器和总的装备情况。中外研究古代兵器都把火药用于兵器作为一个历史的分期阶段，即在火药发明以前，军队里使用的兵器我们称它为冷兵器。火药发明以后，出现了火药制作的兵器，就是火器。这时候是冷兵器和火器并用时期。中国古代兵器大概可以分成三个阶段，首先是史前时期，这个阶段是石器时代的兵器。开始青铜冶铸后，这时候兵器的主要材质就开始变成了青铜的。这个时期的兵器为青铜时代的兵器。人们懂得了金属的冶炼后，这时候军队使用的兵器的主要材质也改为钢铁做的了，就进入了铁器时代的兵器。到了北宋时期，火药开始用于兵器。中国是火药的故乡，中国的军队是最早使用火药武器的军队。在北宋的《武经总要》里边讲了三种配方，即蒺藜火球，霹雳火球、火炮火药法。当时用火药做成了用抛石机发射的炮弹，抛石机最早的使用，就是炮的出现可能在东周晚期。南宋时候出现了竹筒火器，陈规的《守城录》里面讲到，开始用竹筒，里边放上火药能够往外喷火，或者能烧伤敌人。 2023-07-26 02:51:411

服装设计与工程，这个专业考研的人多吗 不多，这个靠的是灵感和画画功底啊 2023-07-26 02:51:383

马太效应这个词出自哪里 马太效应是一种两级分化的想象，指的是强者越强、弱者越弱的现象，这种效应常被应用于社会心理学、教育、金融以及科学等领域。马太效应的名字就来源于圣经《新约·马太福音》中的一则寓言，反映当今社会中存在的一个普遍现象，即赢家通吃。“马太效应”是十几年来经济学界经常提及的，经济学界用它提醒决策者，要避免贫富差别过大。此术语为经济学界所借用，反映贫者愈贫，富者愈富，赢家通吃的经济学中收入分配不公的现象。马太效应揭示了一个不断增长个人和企业资源的需求原理，关系到个人的成功和生活幸福，因此它是影响企业发展和个人成功的一个重要法则。马太效应”的出现实质是社会强势群体对于社会弱势群体平等的教育权的掠夺，必将加速社会财富与权力的两极分化，加剧社会矛盾，最终会引起社会的震荡；它造成了局部的繁荣，却扼杀了作为整体的教育的生命。马太效应理论的缺陷：1、只看到事物发展的短期趋势，只反映了数量方面的变化，忽视了性质的变化，不能用于分析事物发展的长期趋势；事实上，在客观世界，任何事物都遵循发生、发展、成熟、衰老、灭亡的规律，没有什么是永远不变的。2、不具备普遍意义，只是对短期趋势理论的一种假说，难以证明普遍的真理性。比如，难以解释在很多领域存在的“后发优势”现象。 2023-07-26 02:51:361

猜你想看

perfect 干组词红双喜香烟价格表大全生产车间安全管理培训香烟价格表 what edm是什么意思楚小云百燕之家 scoops bucking 设备管理培训企业管理培训企业管理培训课程 6S管理培训精益生产企业管理培训现场管理培训阅读仓库安全管理培训内容精细化管理企业财务管理培训香烟价格查询领导力沙盘模拟企业经营采购谈判培训企业绩效薪酬管理培训熬姜呷醋 indirecttax 阅读 adopts 七匹狼香烟价格黄山香烟价格海员自找初中升学率中学初中升学率中学 good 反义词大学

html代码中img标签里的jqimg是什么意思？

共2条回复

相关推荐

猜你想看

大家在看