JS 方法中 对HTML的 拼接

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

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

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

<td colspan="3" id="trapNum">
                                <input type="text" class="form-text"  
                                οnkeyup="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\"  "+
                " οnkeyup=\"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=\"\"/>";

转载于:https://www.cnblogs.com/zl0717/p/8000094.html