DOM直接在javascript中修改部分textnode的样式
在我的JavaScript代码中,我动态创建了如下文本节点: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
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+”可改善您体验的增强功能”;那就好多了。那就好多了。