关于JavaScript使用innerHTML动态输出多个嵌套双引号字符串的问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于JavaScript使用innerHTML动态输出多个嵌套双引号字符串的问题相关的知识,希望对你有一定的参考价值。

例如以下这行代码,输出时总是提示有错误,请问怎样才能把它修改正确呢?
document.getElementById("errortd").innerhtml = "<DIV onMouseOver=""javascript:ddriveTip('提示内容', '#006600', 312);"" onMouseOut=""javascript:hideddriveTip();"">注释标题</DIV>";

呵呵,估计楼主是写ASP、VB的,在JS里只要使用转义字符(\)就行了:
alert("我说:\"你好\"");

如果输出的内容有引号嵌套,就要注意输出后的引号相互关系。
xxx.innerHTML = "<div id=\"ggg\" onclick=\"alert(\'hello\')\">";

在JS里双引号和单引号可以相互嵌套。例如楼主的例子可以写成:
document.getElementById("errortd").innerHTML = '<DIV onMouseOver="javascript:ddriveTip(\'提示内容\', \'#006600\', 312);" onMouseOut="javascript:hideddriveTip();">注释标题</DIV>';
参考技术A document.getElementById("errortd").innerHTML = "<DIV onMouseOver=\"javascript:ddriveTip('提示内容', '#006600', 312);\" onMouseOut=\"javascript:hideddriveTip();\">注释标题</DIV>";

以上是关于关于JavaScript使用innerHTML动态输出多个嵌套双引号字符串的问题的主要内容,如果未能解决你的问题,请参考以下文章

如何通过jQuery选择使用javascript动态生成的innerHTML元素[重复]

ASP 生命周期、InnerHtml 和动态控件

精通JavaScript?关于JavaScript的内存与性能问题,你又了解多少呢?

谷歌浏览器在 JavaScript 动态更改后未更新 iframe 元素 innerHTML

为动态加载的 innerHTML 上下文运行自定义 javascript

使用 innerHTML 构建动态表