HTML标签可以自定义属性,非常好
2013-02-19 15:29
656 查看
本文源自http://www.cnblogs.com/ayforver/archive/2012/02/15/2352161.html
自定义属性一般是我们用来存储数据或是相关依据的,根据实际情况,自定义属性其实很有用的。
测试浏览器:IE8,firefox 8.01,chrome 17.0.963.46 m
测试结果:能够获取到自定义属性
另外补充一点,如果不想做兼容判断,其实我们可以使用Jquery的attr方法来获取与设置自定义属性的值,目前测试结果是全兼容。
$("#newTest").attr("myAttr");
$("#newTest").attr("newAttr","new");
复制代码
自定义属性一般是我们用来存储数据或是相关依据的,根据实际情况,自定义属性其实很有用的。
测试浏览器:IE8,firefox 8.01,chrome 17.0.963.46 m
测试结果:能够获取到自定义属性
另外补充一点,如果不想做兼容判断,其实我们可以使用Jquery的attr方法来获取与设置自定义属性的值,目前测试结果是全兼容。
$("#newTest").attr("myAttr");
$("#newTest").attr("newAttr","new");
复制代码
以上为从网上摘自的理论知识,具体的我自己的实践如下:
ContentLable += "<vml:roundrect id=" +dt.Rows[i]["NODE_NO"].ToString() + " ondblclick=Edit_Process('" +dt.Rows[i]["FLOW_NO"].ToString() + "','" + dt.Rows[i]["NODE_NO"].ToString() + "','"+FormNo.Text+"'); style=\"Z-INDEX: 1; LEFT: "+leftPos+";
VERTICAL-ALIGN: middle; WIDTH: 110px; CURSOR: hand; POSITION: absolute; TOP: "+topPos+"; HEIGHT: 60px; TEXT-ALIGN: center;\" dragContainer=\"true\"
group=\"g" +dt.Rows[i]["NODE_NO"].ToString() + "\" title=\"下一步骤:" + dt.Rows[i]["NODE_NEXT"].ToString() + " \"; coordsize=\"21600,21600\" arcsize=\"0.2\" fillcolor=\"#00EE00\"
receiverName=\"\" receiverID=\"\" readOnly=\"0\" flowFlag=\"0\" flowTitle=\"<b>" + dt.Rows[i]["NODE_NO"].ToString() + "</b><br>" + dt.Rows[i]["NODE_NM"].ToString() + "\" passCount=\"0\" group=\"g" +dt.Rows[i]["NODE_NO"].ToString() + "\" flowType=\"start\"
table_id=\"" + dt.Rows[i]["FLOW_NO"].ToString()+dt.Rows[i]["NODE_NO"].ToString() + "\"><vml:shadow offset=\"3px,3px\" color=\"#b3b3b3\" type=\"single\" on=\"T\"></vml:shadow><vml:textbox onselectstart=\"return false;\" inset=\"-3pt,-1pt,-3pt,-2pt\">" + dt.Rows[i]["NODE_NO"].ToString()
+ "<table style='width:120px; height:0.3px; border-bottom:1px solid black;'><tr><td ></td></tr></table><table style='width:120px; height:7px; '><tr><td ></td></tr></table>" + dt.Rows[i]["NODE_NM"].ToString() + "</vml:textbox> </vml:roundrect><vml:rect id=\"b"+dt.Rows[i]["NODE_NO"].ToString()+"\"
style=\"LEFT:"+boleft+";WIDTH:0.5px;POSITION:absolute;TOP:"+botop+";HEIGHT:0.5px\" fillcolor=\"black\"
group=\"g" +dt.Rows[i]["NODE_NO"].ToString() + "\"
strokecolor=\"black\" coordsize=\"21600,21600\" />";
在在js里的使用如下:
if(eventsource.dragContainer== 'true')
{
var groups = document.getElementsByTagName('rect');
for (var i = 0; i < groups.length; i++)
{
var group=groups[i];
if(group.group==eventsource.group)
{
group.style.pixelLeft = arrX[i] + event.clientX - x;
group.style.pixelTop = arrY[i] + event.clientY - y;
}
}
}
自定义属性一般是我们用来存储数据或是相关依据的,根据实际情况,自定义属性其实很有用的。
测试浏览器:IE8,firefox 8.01,chrome 17.0.963.46 m
测试结果:能够获取到自定义属性
另外补充一点,如果不想做兼容判断,其实我们可以使用Jquery的attr方法来获取与设置自定义属性的值,目前测试结果是全兼容。
$("#newTest").attr("myAttr");
$("#newTest").attr("newAttr","new");
复制代码
自定义属性一般是我们用来存储数据或是相关依据的,根据实际情况,自定义属性其实很有用的。
测试浏览器:IE8,firefox 8.01,chrome 17.0.963.46 m
测试结果:能够获取到自定义属性
另外补充一点,如果不想做兼容判断,其实我们可以使用Jquery的attr方法来获取与设置自定义属性的值,目前测试结果是全兼容。
$("#newTest").attr("myAttr");
$("#newTest").attr("newAttr","new");
复制代码
以上为从网上摘自的理论知识,具体的我自己的实践如下:
ContentLable += "<vml:roundrect id=" +dt.Rows[i]["NODE_NO"].ToString() + " ondblclick=Edit_Process('" +dt.Rows[i]["FLOW_NO"].ToString() + "','" + dt.Rows[i]["NODE_NO"].ToString() + "','"+FormNo.Text+"'); style=\"Z-INDEX: 1; LEFT: "+leftPos+";
VERTICAL-ALIGN: middle; WIDTH: 110px; CURSOR: hand; POSITION: absolute; TOP: "+topPos+"; HEIGHT: 60px; TEXT-ALIGN: center;\" dragContainer=\"true\"
group=\"g" +dt.Rows[i]["NODE_NO"].ToString() + "\" title=\"下一步骤:" + dt.Rows[i]["NODE_NEXT"].ToString() + " \"; coordsize=\"21600,21600\" arcsize=\"0.2\" fillcolor=\"#00EE00\"
receiverName=\"\" receiverID=\"\" readOnly=\"0\" flowFlag=\"0\" flowTitle=\"<b>" + dt.Rows[i]["NODE_NO"].ToString() + "</b><br>" + dt.Rows[i]["NODE_NM"].ToString() + "\" passCount=\"0\" group=\"g" +dt.Rows[i]["NODE_NO"].ToString() + "\" flowType=\"start\"
table_id=\"" + dt.Rows[i]["FLOW_NO"].ToString()+dt.Rows[i]["NODE_NO"].ToString() + "\"><vml:shadow offset=\"3px,3px\" color=\"#b3b3b3\" type=\"single\" on=\"T\"></vml:shadow><vml:textbox onselectstart=\"return false;\" inset=\"-3pt,-1pt,-3pt,-2pt\">" + dt.Rows[i]["NODE_NO"].ToString()
+ "<table style='width:120px; height:0.3px; border-bottom:1px solid black;'><tr><td ></td></tr></table><table style='width:120px; height:7px; '><tr><td ></td></tr></table>" + dt.Rows[i]["NODE_NM"].ToString() + "</vml:textbox> </vml:roundrect><vml:rect id=\"b"+dt.Rows[i]["NODE_NO"].ToString()+"\"
style=\"LEFT:"+boleft+";WIDTH:0.5px;POSITION:absolute;TOP:"+botop+";HEIGHT:0.5px\" fillcolor=\"black\"
group=\"g" +dt.Rows[i]["NODE_NO"].ToString() + "\"
strokecolor=\"black\" coordsize=\"21600,21600\" />";
在在js里的使用如下:
if(eventsource.dragContainer== 'true')
{
var groups = document.getElementsByTagName('rect');
for (var i = 0; i < groups.length; i++)
{
var group=groups[i];
if(group.group==eventsource.group)
{
group.style.pixelLeft = arrX[i] + event.clientX - x;
group.style.pixelTop = arrY[i] + event.clientY - y;
}
}
}
相关文章推荐
- HTML标签可以自定义属性
- Java解析Html自定义标签的属性
- HTML自定义标签与标签自定义属性
- js取值 html标签自定义属性(图)
- HTML标签自定义属性
- js取值 html标签自定义属性(图)
- HTML自定义标签与标签自定义属性
- HTML 标签自定义属性的问题
- js取值 html标签自定义属性(图)
- 自定义HTML标签属性
- php整理html 自定义允许使用的标签和属性属性
- 关于HTML标签自定义属性
- 通过javascript获取HTML标签自定义属性
- html 属性是可以自定义的(解决参数获取的问题)
- 用jquery动态添加html任何标签的自定义属性
- jquery的attr方法与ie7不兼容,js获取html标签自定义属性
- 面试题之:HTML <a> 标签的 target 属性中有哪些可以在新窗口中打开链接?
- HTML标签自定义属性
- Jquery学习笔记: attr和 prop的区别,以及为html标签自定义属性