innerHTML中标签可以换行的方法有哪些?
未知
2024-03-19 11:17:38
0
在用innerHTML生成结构时，为了看起来结构明快，可以在每行的末尾加一个反斜线\，即可保持html原结构，而不至于将标签都挤在一块
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>innerHTML中标签可以换行的方法</title>
</head>
<body>
<script>
//function fnNew(){
var sHtml = '';
for(var i = 0; i < 2; i++){
sHtml += '<li class="in">\
<div class="in-con">\
<button class="in-btn_s">显示</button>\
<button class="in-btn_h">隐藏</button>\
</div>\
<div class="in-show">第'+ i +'种方法:'+ data[i]+'</div>\
</li>';
}
oList[xss_clean] = sHtml;
}
</script>
</body>
</html>
我是今天才学到十八哥的Javascript 说到innerHMTL 的使用，当时老师说到里面的标签不换行我觉得自己如果以后操作肯定不方便，于是我把这段代码复制出来问了下做过编程的朋友们
function t2(){
var cont = document.getElementById('container');
var htmlcode = "<p><ul><li><span>东</span></li><li>南</li><li>西</li><li>北</li></ul></p>";
cont[xss_clean] = htmlcode;
的下面这段代码可不可以把代码写成可以换行的，
<p><ul><li><span>东</span></li><li>南</li><li>西</li><li>北</li></ul></p>
var htmlcode = "<p> \
<ul> \
<li><span>东</span></li> \
<li>南</li> \
<li>西</li> \
<li>北</li> \
</ul> \
</p>";
也就是每次需要换行的代码就多一个\ 实现换行。（没什么特俗技巧，只是个人看起来觉得这样写代码觉得舒服一点）
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权/违法违规/事实不符，请将相关资料发送至 service@p2hp.com 进行投诉反馈，一经查实，立即处理!
上一篇：没有了
相关内容
在HTML上添加integrity，验证js和css的has...
近期甲方做了什么安全检查防止html、js被串改，要求加上integrity属性这边记录下...
2024-03-21 10:42:10
在网页中禁用和启用google翻译
在网页中禁用和启用google翻译
meta大全
本文的目的是搜集当前主流的meta配置，方便开发者快速开发调试。在这里不会做各种meta的深入分析，...
innerHTML中标签可以换行的方法有哪些?
本文给大家分享的是一个在javascript中使用innerhtml输出的时候如何实现换行的小技巧，...
增强 HTML 的神器来了
如今，Web 用户期望得到单页应用（SPA）提供的流畅、动态的体验。然而，创建 SPA 往往需要使用...
在HTML上添加integrity，验证js和css的hash，防止篡改
近期甲方做了什么安全检查防止html、js被串改，要求加上integrity属性这边记录下如何生成h...
最新文章
在HTML上添加integrity，验证js和css的hash，防止篡改
近期甲方做了什么安全检查防止html、js被串改，要求加上integrity属性这边记录下如何生成h...
innerHTML中标签可以换行的方法有哪些?
本文给大家分享的是一个在javascript中使用innerhtml输出的时候如何实现换行的小技巧，...
在网页中禁用和启用google翻译
在网页中禁用和启用google翻译
meta大全
本文的目的是搜集当前主流的meta配置，方便开发者快速开发调试。在这里不会做各种meta的深入分析，...
增强 HTML 的神器来了
如今，Web 用户期望得到单页应用（SPA）提供的流畅、动态的体验。然而，创建 SPA 往往需要使用...