如何使用GWT或Javascript强调DIV内部(innerText)的文本:
How to emphasize text inside (innerText) a DIV with GWT or Javascript:
如何使用GWT或Javascript在div中强调文本:
Element content = DOM.createElement("div");
content.setInnerText(contentString);
哪个生成这个DIV:
<div>test message test message</div>
我希望能够用这个代码强调一些文本(例如"test
"(:
<em>test</em>
因此div将如下所示:
<div>
<em>test</em> message <em>test</em> message
</div>
您可以通过两个步骤轻松实现您想要的。
首先,不要使用setInnerText
,因为它不会解释HTML。相反,您应该使用元素的.innerHTML
属性。
其次,可以将所需单词替换为正则表达式。只需将你的单词包装在单词delemiter('b
(之间。
最终代码如下:
content.innerHTML = contentString.replace(/'btest'b/g, '<em>test</em>');
如果您有多个单词要更改:
content.innerHTML = contentString.replace(/'b(test|other words)'b/g, '<em>$1</em>');
您不能只更改文本的一部分的格式,但您可以更改div的innerHTML以包含格式,正如您在下面的脚本部分中看到的那样。
<html>
<body>
<div id="mydiv">test message</div>
</body>
<script language="JavaScript">
var mydiv = document.getElementById("mydiv");
mydiv.innerHTML = mydiv.innerHTML.replace(new RegExp('test', 'g'), "<em>test</em>");
</script>
</html>
GWT:
content.setInnerHTML(contentString.replaceAll("test", "<em>test</em>"))
相关文章:
- 如何使用jquery在填充自动完成的值后使文本框只读
- 使用Clipboard.js复制span文本
- 使用JS如何动态更改显示的html文件中的文本背景颜色
- 用程序搜索JQuery数据表中的文本
- jQuery匹配JSON对象的部分文本
- onkeyup无法动态创建多个文本区域
- 如何在下面的ES6循环中获得前面的文本
- 将输入字段中的文本提交到我的数据库,同时将其添加到我的列表中
- 让文本输入幻灯片显示输入时的新文本输入?然后向后滑动
- 借助asp.net验证或java脚本对多个文本进行验证
- 无法在ajaxStart中更改跨度文本
- 高亮显示时编辑文本大小和颜色
- jquery中的文本框验证
- Javascript,有没有一种方法可以将数组写成没有逗号或空格的单个文本字符串
- Sails.js:同时发布文本输入和一个文件
- 当鼠标悬停在文本中的单词上时显示警报
- 是否有任何方法可以使用jQuery替换在数组中定义值的文本
- 如何使用GWT或Javascript强调DIV内部(innerText)的文本:
- innerText中没有标记前文本
- 使用innerText或innerHTML不会显示文本