使用 JavaScript 更改文本内容后，如何仅加粗一个单词？
[英]How can I bold only one word, after I change the text content with JavaScript?
问题描述
在通过 JavaScript 更改 HTML 中的文本内容后，我一直试图将单个单词加粗。
这是我的代码：
document.getElementById('par3').textContent = "I <b>love</b> JS";
<!DOCTYPE html> <html> <head> <title>Homework05</title> </head> <body> <p id="par1">Unchanged Paragraph</p> <p id="par2">Unchanged Paragraph</p> <p id="par3">Unchanged Paragraph</p> <p id="par4">Unchanged Paragraph</p> <p id="par5">Unchanged Paragraph</p> <script src="script.js"></script> </body> </html>
不知何故， 标签不呈现。 是否有任何特定的转义字符？ 或者这是要完成的更复杂的事情？
2 个解决方案
解决方案1
2 2017-12-26 03:28:49
你需要使用innerHTML 。 textContent将转义您的字符串。
document.getElementById('par3').innerHTML= "I <b>love</b> JS";
<!DOCTYPE html> <html> <head> <title>Homework05</title> </head> <body> <p id="par1">Unchanged Paragraph</p> <p id="par2">Unchanged Paragraph</p> <p id="par3">Unchanged Paragraph</p> <p id="par4">Unchanged Paragraph</p> <p id="par5">Unchanged Paragraph</p> <script src="script.js"></script> </body> </html>
解决方案2
1 2017-12-26 03:30:11
use innerHTML other then textContent or
选择单词并将其定义为字符串var然后使用字符串 .bold（）方法。
解决方案3
0 2017-12-26 03:28:56
textContent将忽略字符串中的html标记。 使用innerHTML而不是textContent 。
document.getElementById('par3').innerHTML = "I <b>love</b> JS";
<p id="par1">Unchanged Paragraph</p> <p id="par2">Unchanged Paragraph</p> <p id="par3">Unchanged Paragraph</p> <p id="par4">Unchanged Paragraph</p> <p id="par5">Unchanged Paragraph</p>
JavaScript修改DOM中的文本内容后如何改回原来的值
[英]How can I change back the original value after modifying the text content in DOM with JavaScript
如果没有 if 语句，当文本区域中只有 1 个单词时，如何将“单词”更改为单词？
[英]Without if statements how can I change "words" to word when there is only 1 word in the text area?
只有在正则表达式中存在冒号时，我如何才能在冒号之前加粗单词
[英]How can i bold the word before colon only if colon exists in line by regular expression
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.