设置innerHTML

时间:2017-02-22 12:09:39

标签: javascript html

我有一个django模板,其中javascript函数包含以下行,

resDiv = document.getElementById("res");
console.log(result.des);
resDiv.innerHTML+=('<h3 style="padding-bottom:50px;"><strong>Desciption: </strong><br><br><i style="color:#0B45A4;">'+result.des+'</i></h3>');

执行console.log时,它会与result.des中的新行一起打印。

但是当我连接它并尝试填充innerHTML的{​​{1}}时,新的行没有打印出来。

删除所有新行并填充。

如何确保在resDiv打印新行?

3 个答案:

答案 0 :(得分:0)

尝试这样的事情,并确保resDiv是您真正的目标

resDiv.innerHTML = resDiv.innerHTML.concat('<h3 style="padding-bottom:50px;"><strong>Desciption: </strong><br><br><i style="color:#0B45A4;">'+result.des+'</i></h3>');

答案 1 :(得分:0)

从您的问题来看,它并不完全清楚,您的意思是什么,但我想您只需要用html换行符替换result.des中的换行符(例如\n\r<br>

答案 2 :(得分:0)

当您连接<br>时,请确保在行之间添加result.des标记。

https://www.w3schools.com/tags/tag_br.asp

如果result.des.join('<br>');是javascript数组,则可以执行.run(['$rootScope', '$state', 'Session', function ($rootScope, $state, Session) { $rootScope.$on('$stateChangeStart', function (e, toState) { console.log('inside .run') if (toState.url == '/') { e.preventDefault(); if (Session.user) { // and isAdmin == true $state.go('admin') } //if isAdmin == false redirect to chat else { $state.go('login') } } else if (!Session.user && toState.url != '/login') { e.preventDefault(); $state.go('login') } return; }); }])