JS 方法中 对HTML的 拼接

很多方法 需要将返回值等参数展示在页面上, 比如ajax ,success 方法,有很多情况需要对HTML 进行拼接后 加入到某个 块里面。

简单的拼接 只要注意单引号和双引号就行了。 如果句子长,这边推荐一个网站  http://www.css88.com/tool/html2js/  可以快速帮忙拼接,可以选择格式,有时候会有小错误,自己调整就行。

最近遇到一个很坑的 判断输入为正整数的一个input 拼接。 贴上代码: 

<td colspan="3" id="trapNum">
                                <input type="text" class="form-text"  
                                onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"
                                onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"
                                name="trappedNum" id="trappedNum" placeholder="请输入数量" style="width: 216px;" maxlength="15" value=""/>     
  </td>

其中 这些正则表达式人工拼接还容易出错。   拼完是这样的。 希望可以借鉴。\ 符号 可以用\\ 表示,' 可以用\'

document.getElementById("trapNum").innerHTML=          
                " <input type=\"text\" class=\"form-text\"  "+
                " onkeyup=\"if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,\'\')}else{this.value=this.value.replace(/\\D/g,\'\')}\" "+
                " onafterpaste=\"if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,\'\')}else{this.value=this.value.replace(/\\D/g,\'\')}\""+
                " name=\"trappedNum\" id=\"trappedNum\" placeholder=\"请输入数量\" style=\"width: 216px;\" maxlength=\"3\" value=\"\"/>";

posted on 2017-12-07 17:26  Fzu.Lebron.Ray  阅读(557)  评论(0编辑  收藏  举报

导航