动态创建元素并赋值的问题

liaoyukun111 2010-01-07 09:49:13

<body onload ="BtoS()">

<table ID=div1></table>
<script>
function BtoS() {
// var obj = "<font style ='display :none'>" + "aa" + "|</font>" + "bb";
//或者是 obj="aa|bb";
var obj = "aa|bb,a|a,b|b,c|cc";
var arr = obj.split(',');
var row = 2;
var col = 2;
var oTable = document.all.div1;
var temp = '';
for (var i = 0; i < row; i++) {
var _tr = oTable.insertRow(oTable.rows.length);
for (var j = 0; j < col; j++) {
var _td = _tr.insertCell(_tr.cells.length);
temp = arr[i * col + j];
_txt = document.createTextNode(temp);
_td.appendChild(_txt);
}
}
}
</script>
<%--现在的问题是:怎样修改JS的方法也可隐藏'|'前面的数据, --%>

</body>
一个单元格有两个值,其中一个被隐藏了
如上面所说:或都数据要做怎样的修改.功能实现就行

...全文

140 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

liaoyukun111 2010-01-07

打赏
举报

原来是这,算是知道了_td.innerHTML = "<font style ='display :none'>" + "aa" + "|</font>" + "bb";
正则,我再学下吧

liaoyukun111 2010-01-07

打赏
举报

好,谢谢了,原理过会再看

wcwtitxu 2010-01-07

打赏
举报



_td.innerHTML = escapeHTML(temp).replace(/[^|]*\|/, "<font style='display:none;'>$&<font>");

这里写错了

后面的 <font> 应该是 </font>

liaoyukun111 2010-01-07

打赏
举报

正则看的不是很懂,但显示是没有值出现,不知你调试过没有
<body onload ="BtoS()">

<table ID=div1></table>
<script>
function escapeHTML(str) {
with (document.createElement("div")) {
appendChild(document.createTextNode(str));
return innerHTML;
}
}

function BtoS() {
// var obj = "<font style ='display :none'>" + "aa" + "|</font>" + "bb";
//或者是 obj="aa|bb";
var obj = "aa|bb,a|a,b|b,c|cc";
var arr = obj.split(',');
var row = 2;
var col = 2;
var oTable = document.all.div1;
var temp = '';
for (var i = 0; i < row; i++) {
var _tr = oTable.insertRow(oTable.rows.length);
for (var j = 0; j < col; j++) {
var _td = _tr.insertCell(_tr.cells.length);
temp = arr[i * col + j];
// _txt = document.createTextNode(temp);
// _td.appendChild(_txt);
_td.innerHTML = escapeHTML(temp).replace(/[^|]*\|/, "<font

style='display:none;'>$&<font>");

}
}
}
</script>

</body>

wcwtitxu 2010-01-07

打赏
举报



function escapeHTML(str) {

	with (document.createElement("div")) {

		appendChild(document.createTextNode(str));

		return innerHTML;

	}

}



---------------------------------------------------

_txt = document.createTextNode(temp); 

_td.appendChild(_txt); 

改为

_td.innerHTML = escapeHTML(temp).replace(/[^|]*\|/, "<font style='display:none;'>$&<font>");

liaoyukun111 2010-01-07

打赏
举报

这个是C#的,已经实现了
动态创建元素,并给赋值的问题

前提:
<table ID=div1 runat=server ></table>
给这个表格添加元素,aa|bb这是一个单元格的内容,bb前的内容隐藏起来
实现1:

protected void Page_Load(object sender, EventArgs e)
{
HtmlTableRow tr = new HtmlTableRow();
HtmlTableCell tc = new HtmlTableCell();
tc.InnerHtml = "<font style ='display :none'>" + "aa" + "|</font>" + "bb";

tr.Controls.Add(tc);
div1.Rows.Add(tr);
}
上面一个成功.

通过MVC框架处理服务器端逻辑，以及Knockout.JS的MVVM模式实现客户端的数据绑定和动态更新，我们能够创建出一个流畅、响应式的FIFA World Cup赛事信息展示应用。这样的SPA可以高效地加载和显示大量数据，提供无刷新...

2)使用Document、Element对象自带的一些函数，来实现动态创建元素(创建元素 => 找到父级元素 => 在指定位置插入元素)一、字符串拼接形式为了更好的理解，设定一个应用场景。随机生成一组数字，将这组数据渲染...

// 1. 获取元素 var sstq = document.getElementById("sstq24r"); // 2.... //创建子节点 var h3 = document.createElement("h3"); // 设置标签元素的样式颜色 h3.style.color = "#FFFFFF"; ...

1、动态创建元素一 document.write()例如向页面中输出一个 li 标签document.write("123");body标签中就会插入但是这种方法几乎不用，因为这回影响页面的布局，甚至会将页面原来的内容冲刷掉，从而只显示输出内容2、...

在开发中有时候会遇到用一个不确定的类实例化对象，即用字符串转换成类，并实例化对象和赋值；比如一个界面的跳转要有后台来控制，就可以用这种方式。下面简单记录下这个转换过程： //The Model 假如这是我们要获取...