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

DOM直接在javascript中修改部分textnode的样式,javascript,jquery,html,css,dom,Javascript,Jquery,Html,Css,Dom,在我的JavaScript代码中,我动态创建了如下文本节点: tpu14 = document.createTextNode(numerr+" enhancements that could improve your experience"); 我已将此文本节点及其格式放入了。 现在我的问题是:如何在不使用两个不同div的情况下,仅在“numer”部分直接添加样式 现在的结果是: 14项可以改善您体验的增强功能 我想 14可以改善您体验的增强功能 提前感谢您可以使用来执行此操作,而不是使用cr

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

tpu14 = document.createTextNode(numerr+" enhancements that could improve your experience");
我已将此文本节点及其格式放入了。 现在我的问题是:如何在不使用两个不同div的情况下,仅在“numer”部分直接添加样式

现在的结果是:

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

我想

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


提前感谢

您可以使用来执行此操作,而不是使用
createTextNode

element.innerHTML=”“+numer+“可以改善您体验的增强功能”

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

//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>
//用法
//一个
var d1=document.getElementById('one');
d1.插入相邻TML('afterbegin',''+numer+'');
//此时,新结构为:
//valueone

您可以使用执行此操作,而不是使用
createTextNode

element.innerHTML=”“+numer+“可以改善您体验的增强功能”

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

//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>
//用法
//一个
var d1=document.getElementById('one');
d1.插入相邻TML('afterbegin',''+numer+'');
//此时,新结构为:
//valueone

您可以尝试这样的方法

var element = document.createElement("div");
element.innerHTML="<b>"+numErr+"</b> enhancements that could improve your experience";
var-element=document.createElement(“div”);
element.innerHTML=“+numer+”可以改善您体验的增强功能”;

这应该行得通。希望这就是你所需要的。

你可以试试这样的东西

var element = document.createElement("div");
element.innerHTML="<b>"+numErr+"</b> enhancements that could improve your experience";
var-element=document.createElement(“div”);
element.innerHTML=“+numer+”可以改善您体验的增强功能”;
这应该行得通。希望这是您所需要的。

使用innerHTML属性

var k=document.createElement("span"); 
k.innerHTML="<b>"+numerr+"</b> enhancements that could improve your experience";
var k=document.createElement(“span”);
k、 innerHTML=“+Numer+”可改善您体验的增强功能”;
使用innerHTML属性

var k=document.createElement("span"); 
k.innerHTML="<b>"+numerr+"</b> enhancements that could improve your experience";
var k=document.createElement(“span”);
k、 innerHTML=“+Numer+”可改善您体验的增强功能”;

使用createTextNode可能无法做到这一点,您必须使用innerHTML属性,即var k=document.createElement(“span”);k、 innerHTML=“+Numer+”可改善您体验的增强功能”;使用createTextNode可能无法做到这一点,您必须使用innerHTML属性,即var k=document.createElement(“span”);k、 innerHTML=“+Numer+”可改善您体验的增强功能”;那就好多了。那就好多了。