zl0717

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=\"\"/>";

分类:

技术点:

相关文章:

  • 2022-01-02
  • 2022-12-23
  • 2021-10-31
  • 2021-10-16
  • 2021-09-05
  • 2021-10-31
  • 2021-10-16
猜你喜欢
  • 2021-12-27
  • 2021-10-31
  • 2022-12-23
  • 2022-02-24
  • 2021-10-31
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案