Javascript ajax 语法来创建 html 行
Javascript ajax syntax to create html row
我需要在javascript函数中使用ajax创建一行,但是我很难找到正确的语法。
这是我想要得到的HTML最终结果:
<td style="text-align:center">
<input type="image" src="nienteico.png" style="cursor:pointer; width:40px; height:40px" id="5.51" class="ajaxEdit" onclick="cambiastato(5.51)">
</td>
这是需要修改的JS代码:
<td style="+'text-align:center'+"><input type="+'image'+" src="+'nienteico.png'+" style="+'cursor:pointer; width:40px; height:40px'+" id="+'5.51'+" class="+'ajaxEdit'+" onclick="+'cambiastato(5.51)'+"></input></td>
最后,这是我使用之前编写的js获得的HTML:
<td style="text-align:center"><input type="image" src="nienteico.png" style="cursor:pointer;" width:40px;="" height:40px="" id="5.51" class="ajaxEdit" onclick="cambiastato(5.51)"></td>
提前感谢!
不要进入脏字符串连接,而是使用更干净的代码。
var row = $('<td />', { style: "text-align:center"}).append($('<input />', {
type: 'image',
src: 'nienteico.png',
'class': 'ajaxEdit'
}).css({
id: '5.51',
cursor: 'pointer',
width: '40px',
height: '40px',
}).click(function() { cambiastato(5.51); }));
在纯JavaScript中尝试一下:
var td = document.createElement('td');
td.style.textAlign="center";
var input = document.createElement('input');
input.type="image";
input.src="nienteico.png";
input.style.cursor="pointer";
input.style.width="40px";
input.style.height="40px";
input.setAttribute("id","5.51");
input.className="ajaxEdit";
input.onClick = function() { cambiastato(5.51); };
td.appendChild(input);
另一种解决方案(很丑陋,不推荐):
var html_template =
'<td style="%style%">' +
'<input type="%img_type%" src="%img_src%" style="%img_style%" id="%img_id%" class="ajaxEdit" onclick="cambiastato(5.51)">' +
'</td>';
html_template = html_template.replace("%style%", "text-align:center");
html_template = html_template.replace("%img_type%", "image");
html_template = html_template.replace("%img_src%", "neinteico.png");
html_template = html_template.replace("%img_id%", "5.51");
html_template = html_template.replace("%img_style%", "cursor:pointer; width:40px; height:40px");
alert(html_template)
相关文章:
- 从html创建一个指令,该指令按类名应用函数
- 用HTML创建一个下拉框的简单方法,只需包含0到x
- 基于当前内部HTML创建动态jQuery变量名称
- mootools:从 HTML 创建一个新的 DOM 元素
- 使用 flash、javascript、classic asp 从 html 创建 CSV
- JQuery + 从数组中为 html 创建单选按钮
- 100%的高度在主体和html创建滚动问题
- 使用JavaScript与常规HTML创建HTML元素
- 用HTML创建JavaScript数组
- 从HTML创建base64字符串
- 如何仅使用JS和HTML创建按钮
- 如何通过jquery .html创建一个href,然后使用它的事件
- 在用javascript和html创建程序时遇到问题
- 如何使用引导程序和HTML创建联系人表单
- 如何使用Javascript和HTML创建一个文档文件
- 用HTML创建登录页面
- 使用Canvas和Html 5创建类似flash的动画
- 使用jQuery从HTML创建一个JSON对象
- 如何禁用由html创建的特定dijit contentPane选项卡
- 用PHP, JavaScript和Html创建一个简单的购物车