通过<p>标签
Disable auto-trimming of text by <p> tag
我在一个变量var text = " Hell O "
中有一些文本。文本的每个字符都被包装在span标记中,给定一个id,然后附加到p标记的innerhtml中。然后通过一个函数,对每个跨度进行样式化(针对一个事件)。
问题是p标记开头或结尾的任何空格都不会高亮显示。我不确定p标签是否忽略了空格,而没有将它们包含在最后一段中。但似乎第一个/最后一个空格没有被包括在内。
这是我的造型功能顺便说一下
function highlightLetter(typedletter) {
var targetId = "h"+( typedletter );
makeGreen = document.getElementById(targetId) ;
if (makeGreen) {
console.log(makeGreen.innerText.charCodeAt(0)) ;
if (makeGreen.innerText.indexOf(String.fromCharCode(10)) == -1 ) {
makeGreen.style.background = "lightgreen" ;
}
}
}
有什么想法吗?
感谢
段落开头和结尾的空白处不会呈现。此外,段落中的空格序列也被折叠。
如果希望渲染所有空白,请使用不间断空间实体
。请注意,这将影响换行,并可能在换行的地方引发水平滚动。
您可以将所有普通的空白字符替换为不间断的空格,如下所示:
var text = " Hell O ";
text.replace(/ /g, " ");
或者,您也可以使用<pre>...</pre>
标记。
相关文章:
- 在<页眉>标签
- Ckeditor-plugin:插入虚假元素add不情愿<p>标签前后
- </脚本>标签放错地方了
- Jquery在点击<a>标签
- Ionic V1.3-标签-带条件的徽章样式<离子选项卡>
- <选择>标签不起作用
- 如何在<嵌入>标签在Plone 4.1中
- 在<script src=“"></脚本>标签
- 使用几个<脚本>标签不会't工作-只调用一个脚本
- 如何在更新面板内部调用/触发javascript函数<触发器>标签
- react-让一个元素返回两个相邻的<tr>标签
- <h1>标签在离子含量元素中不可见
- VS代码:在<脚本>标签
- 在</表单>标签
- Meteor.js:<脚本>标签不't在<身体>
- 替换<标签>,包含的表单控件除外
- 使用jQuery加载基于<标签>目录
- 可以't在<标签>标签
- 更改只有<标签>标记在<李>
- 点击<标签>在Mobile Safari中