javascript - DOM直接在javascript中修改部分textnode的样式

标签 javascript jquery html css dom

在我的 JavaScript 代码中,我动态创建了一个文本节点,如下所示:

tpu14 = document.createTextNode(numerr+" enhancements that could improve your experience");

我已将此文本节点及其格式放入 a 中。 现在我的问题是:如何在不使用 2 个不同的 div 的情况下仅在“numerr”部分直接添加样式?

现在的结果是:

14 项可以改善您体验的增强功能

我愿意

14 可以改善您的体验的增强功能

提前致谢

最佳答案

而不是使用 createTextNode你可以使用 innerHTML 并这样做

element.innerHTML="<b>"+numerr+"</b> enhancements that could improve your experience";

正如下面评论中所建议的,您也可以使用 Element.insertAdjacentHTML

//Usage
// <div id="one">one</div> 
var d1 = document.getElementById('one'); 
d1.insertAdjacentHTML('afterbegin', '<b>'+numerr+'</b>');

// At this point, the new structure is:
// <div id="one"><b>value</b>one</div>

关于javascript - DOM直接在javascript中修改部分textnode的样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21429118/

相关文章:

javascript - 如何通过输入项目 ID 或序列号来查找列表项目文本中的值

javascript - 图像的 Angular v1.2 动画

Javascript:滚动到表格中的第 n 行?

javascript - 如果我的用户有 ie6 该怎么办

javascript - 动态创建( Bootstrap )html 表格行 - 单击事件不会触发

javascript - HTML 警报使用问题

javascript - JQuery If/Else 显示 1 个字段并隐藏另一个字段

html - IE6 : Images are stretched for a split second with height:auto

jquery ,获取带有类名的 div 并更改文本?

html - flex 属性在 IE 中不起作用