最近项目需求要开发百度地图相关的一个应用,需要从硬编码的html字符串中提取自己想要的元素以及属性信息,由于在js中或者jq中操作元素节点以及属性都是使用dom对象或者jq对象。下面介绍javascript中html字符串转化为jquery dom对象的方法,需要的朋友可以参考下原html字符串如下:var text="<p id=overLay style=width:50px;height:60px;background:url(imgs/back.png) left top no-repeat; position: absolute;>"+ "<img style=m...
原html字符串如下:var text="<div id=overLay style=width:50px;height:60px;background:url(imgs/back.png) left top no-repeat; position: absolute;>"+ "<img style=margin-left:4px;margin-top: 3px; src=ima.png width=43px height=43px/>"+ "</div>"; 1、下面使用Jquery库将text字符串变量转为Jquery对象。Jquery代码如下:alert($(text).html()); 其中$(text)就text字符串转为了一个Jquery对象,最后将该Jquery对象...
Fastest way to build an HTML stringPosted in 'Code Snippets, JavaScript' by James on May 29th, 2009 原文:http://james.padolsey.com/javascript/fastest-way-to-build-an-html-string/ 代码如下: var arr = [item 1, item 2, item 3, ...], list = ; for (var i = 0, l = arr.length; i < l; i++) { list += + arr + ; } list = + list + ;//最低效的方式。 var arr = [item 1, item 2, item 3, ...], list = [];for (v...
在js中直接添加html语句,js会将html字符串解析成相应的HTML语句,并在前端进行显示。 代码如下: var el = document.createElement( div ); el.innerHTML = "titleTesttest01test02test03"; el.getElementsByTagName( a ); // Live NodeList of your anchor elements 在jquery中进行应用: 代码如下: var el = $( ); el.html("titleTesttest01test02test03"); $(a, el) // All the anchor elements
我是搞PHP的,让我想起了 代码如下: Function.prototype.heredoc = function(){ // 利用 function 的注释来存储字符串,而且无需转义。 var _str = this.toString(), s_pos = _str.indexOf("/*")+2, e_pos = _str.lastIndexOf("*/"); return (s_pos<0 || e_pos<0) ? "" : _str.substring(s_pos, e_pos); } function fn(){ /* 用户名 密码 @name zf123456 */ } var str_table = fn.heredoc(); console.log(str_table);
第一种:逐个字符串相加代码如下:var arr = [item 1, item 2, item 3, ...];list = ;for (var i = 0,l = arr.length; i < l; i++) { list += + arr[i] + ;}list = + list + ; 这种最常见的,但是效率最低!代码逻辑相对来说复杂。 第二种:逐个 push 进数组代码如下:var arr = [item 1, item 2, item 3, ...],list = []; for (var i = 0,l = arr.length; i < l; i++) { list[list.length] = + arr[i] + ;}list = + list....
html字符串是指'aklsdjfklsjdfl'这样的带html特殊符号的字符串,我们通常要对他进行处理再输出以免输出成了真正的html元素,也就是把如果字符串很长,里面特殊符号很多,我们该怎么简单而高效的把他们全部转码呢?循环?正则表达式?都不用!且看:代码如下: function bian(a){return new Option(a).innerHTML}这就是全部了! 使用方法:代码如下: function bian(a){return new Option(a).innerHTML} var a = aklsdjfklsjdfl; aler...
原html字符串如下:var text=""+ ""+ "";1、下面使用Jquery库将text字符串变量转为Jquery对象。 Jquery代码如下:其中$(text)就text字符串转为了一个Jquery对象,最后将该Jquery对象的html()将html内容以字符串的形式输出,结果如下:说明了,$(text)Jquery对象代表的是最外层的html元素div。2、将Jquery对象和DOM对象之间互转。 代码如下:var element= $(text).get(0) //element就是一个dom对象var jqueryobj=$(element);//jquer...
+加好拼接如果不换行,是不会出现执行一段一段执行的情况,但是字符串太长了,换行之后会出现一段一段执行的情况,这样页面生成的div等就不是想要的结果了。 换行要这样拼接 var s=<li class="todetail" data-id="+one.id+"><p class="dd_time">+one.leasetime+</p><div class="info-box"><img src="+fe+" class="dd_face"></div><div class="dd_bot"><span class="dd_nikename">+nikeme+</span><div class="money"><span class="d...
原html字符串如下: var text="<div id=overLay style=width:50px;height:60px;background:url(imgs/back.png) left top no-repeat; position: absolute;>"+ "<img style=margin-left:4px;margin-top: 3px; src=ima.png width=43px height=43px/>"+ "</div>"; 1、下面使用Jquery库将text字符串变量转为Jquery对象。 Jquery代码如下:alert($(text).html());其中$(text)就text字符串转为了一个Jquery对象,最后将该Jquery对象的...
html字符串是指<div id=”a”>aklsdjfklsjdfl</div>这样的带html特殊符号的字符串,我们通常要对他进行处理再输出以免输出成了真正的html元素,也就是把<变成<这样的html符号代码。 如果字符串很长,里面特殊符号很多,我们该怎么简单而高效的把他们全部转码呢?循环?正则表达式?都不用!且看:代码如下: function bian(a){return new Option(a).innerHTML}这就是全部了! 使用方法:代码如下: function bian(a){return new Opti...
第一种:逐个字符串相加代码如下:var arr = [item 1, item 2, item 3, ...];list = ;for (var i = 0,l = arr.length; i < l; i++) { list += + arr[i] + ;}list = + list + ; 这种最常见的,但是效率最低!代码逻辑相对来说复杂。 第二种:逐个 push 进数组代码如下:var arr = [item 1, item 2, item 3, ...],list = []; for (var i = 0,l = arr.length; i < l; i++) { list[list.length] = + arr[i] + ;}list = + list....
我是搞PHP的,让我想起了<<<语法(heredoc和nowdoc),那么就为他命名heredoc吧。 代码如下:Function.prototype.heredoc = function(){ // 利用 function 的注释来存储字符串,而且无需转义。 var _str = this.toString(), s_pos = _str.indexOf("/*")+2, e_pos = _str.lastIndexOf("*/"); return (s_pos<0 || e_pos<0) ? "" : _str.substring(s_pos, e_pos); } function fn(){ /*<table> <tr> <td>用户名</td> <td>密码</td> </tr>...
在js中直接添加html语句,js会将html字符串解析成相应的HTML语句,并在前端进行显示。 代码如下:<span style="font-size:14px;">var el = document.createElement( div ); el.innerHTML = "<html><head><title>titleTest</title></head><body><a href=test0>test01</a><a href=test1>test02</a><a href=test2>test03</a></body></html>"; el.getElementsByTagName( a ); // Live NodeList of your anchor elements</span> 在jque...
下面小编就为大家带来一篇js拼接html字符串的注意事项。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧+加好拼接如果不换行,是不会出现执行一段一段执行的情况,但是字符串太长了,换行之后会出现一段一段执行的情况,这样页面生成的p等就不是想要的结果了。换行要这样拼接var s=<li class="todetail" data-id="+one.id+"><p class="dd_time">+one.leasetime+</p><p class="info-box"><img src="...